/* GUIDE */
::root {
--bs-gutter-x: 3rem !important;
}
html,
body {
margin: 0;
padding: 0;
font-family: "Saira", sans-serif;
font-size: 16px;
overflow-x: hidden;
}
body.modal-open {
padding-right: 0 !important;
}
body::selection {
background: #0064c5;
color: #fff;
}
:root {
scroll-behavior: initial;
}
* {
outline: none;
}
*::selection {
background: #0064c5;
color: #fff;
}
img {
max-width: 100%;
width: auto;
height: auto;
}
h1 {
font-size: 56px;
font-weight: 500;
line-height: 1.2;
letter-spacing: -0.04em;
color: fff;
}
h2 {
font-size: 32px;
font-weight: 400;
line-height: 1.2;
color: #1e1e1e;
letter-spacing: -1px !important;
}
h3 {
font-size: 28px;
font-weight: 400;
line-height: 1.2;
color: #1e1e1e;
letter-spacing: -1px !important;
}
h4 {
font-size: 18px;
font-weight: 600;
line-height: 1.2;
color: #1e1e1e;
}
h5 {
font-size: 20px;
font-weight: 500;
line-height: 1.2;
color: #1e1e1e;
}
h6 {
font-size: 14px;
font-weight: 600;
line-height: 1.2;
color: #1e1e1e;
}
p {
font-size: 16px;
font-weight: 400;
color: rgba(45, 45, 45, 1);
line-height: 1.5;
margin-bottom: 20px;
}
a {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
text-decoration: none;
color: #1e1e1e;
}
a:hover,
a:focus,
a:active {
color: #eb3807;
transition: color 0.3s, background 0.15s;
}
ul {
}
ul li {
color: rgba(45, 45, 45, 1);
font-size: 16px;
font-weight: 400;
}
table {
width: 100%;
}
table tr:first-child td {
font-size: 16px;
font-weight: 600;
color: rgba(45, 45, 45, 1);
}
table tr td {
padding: 5px 10px;
font-size: 16px;
color: rgba(45, 45, 45, 1);
font-weight: 400;
}
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
max-width: 1320px;
}
.splash-body {
position: fixed;
left: 50%;
top: 50%;
z-index: 9999;
width: 100%;
transform: translate3d(-50%, -50%, 0);
overflow: auto;
background: #fff;
}
.splash-close {
background: url(/frontend/img/close-icon.svg);
width: 40px;
height: 40px;
position: fixed;
right: 40px;
top: 40px;
z-index: 9999;
background-size: cover;
cursor: pointer;
}
.splash-overlay {
background: rgba(0, 0, 0, 0.7);
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 9998;
background-size: cover;
}
.close_tab_modal {
visibility: hidden;
transition: opacity 300ms;
opacity: 0;
}
.close_tab_modal.active {
visibility: visible;
opacity: 1;
}
.splash-modal-container {
opacity: 0;
display: none;
}
.splash-modal-container.left_top .splash-body {
left: 0;
transform: translate3d(0, 0, 0);
top: 0;
}
.splash-modal-container.left_bottom .splash-body {
left: 0;
transform: translate3d(0, 0, 0);
top: auto;
bottom: 0;
}
.splash-modal-container.right_top .splash-body {
right: 0;
left: auto;
transform: translate3d(0, 0, 0);
top: 0;
}
.splash-modal-container.right_bottom .splash-body {
right: 0;
left: auto;
transform: translate3d(0, 0, 0);
top: auto;
bottom: 0;
}
.splash-modal-container.active {
visibility: visible;
display: block;
opacity: 1;
}
.splash-modal-container.right_top .splash-close {
left: 40px;
right: auto;
}
.search_form {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
background: rgba(0, 0, 0, 0.9);
}
.search_form .search-close {
width: 30px;
height: 30px;
position: absolute;
right: 30px;
top: 30px;
}
.search_form form {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
margin-top: -80px;
max-width: 60%;
margin-left: -30%;
}
.search_form input {
font-size: 24px;
color: #fff;
width: 100%;
background: transparent;
border: 0;
padding: 20px;
outline: 0;
text-align: center;
}
.search_form {
opacity: 0;
}
.search_form h2 {
color: #fff;
font-size: 36px;
text-align: center;
}
/* GUIDE */
/* FEATURES */
.info-box-title-clicked {
color: red;
cursor: pointer;
}
.info-box-title {
color: red;
cursor: pointer;
}
.info-box-content {
display: none;
}
.tooltip {
position: absolute;
font-size: 16px;
color: #000;
padding: 10px 20px 10px 10px;
background: #ebebeb;
opacity: 1;
}
.tooltip .close-tooltip {
width: 10px;
position: absolute;
right: 5px;
top: 5px;
cursor: pointer;
}
/* FEATURES */
/* MENUS */
/* MENUS */
/* ANIMATION */
.slide_top-to-bottom {
opacity: 0;
transition: all 400ms;
}
.slide_bottom-to-top {
opacity: 0;
transition: all 400ms;
}
.slide_right-to-left {
opacity: 0;
transition: all 400ms;
}
.slide_left-to-right {
opacity: 0;
transition: all 400ms;
}
.slide_fade-in {
opacity: 0;
transition: all 600ms;
}
.slide_rotate {
opacity: 0;
transform: rotate(-360deg);
transition: all 600ms;
}
.slide_scale-in {
transform: scale(0, 0);
transition: all 600ms;
}
.slide_in-line-fade {
opacity: 0;
transition: all 300ms;
}
.slide_in-line-fade-300ms {
opacity: 0;
transition: all 300ms;
}
.slide_in-line-fade-600ms {
opacity: 0;
transition: all 300ms;
}
.slide_in-line-fade-900ms {
opacity: 0;
transition: all 300ms;
}
.slide_in-line-rotate {
opacity: 0;
transform: rotate(-360deg);
transition: all 300ms;
}
.slide_in-line-rotate-300ms {
opacity: 0;
transform: rotate(-360deg);
transition: all 300ms;
}
.slide_in-line-rotate-600ms {
opacity: 0;
transform: rotate(-360deg);
transition: all 300ms;
}
.slide_in-line-rotate-900ms {
opacity: 0;
transform: rotate(-360deg);
transition: all 300ms;
}
.slide_in-line-scale {
transform: scale(0, 0);
transition: all 300ms;
}
.slide_in-line-scale-300ms {
transform: scale(0, 0);
transition: all 300ms;
}
.slide_in-line-scale-600ms {
transform: scale(0, 0);
transition: all 300ms;
}
.slide_in-line-scale-900ms {
transform: scale(0, 0);
transition: all 300ms;
}
.top-to-bottom {
opacity: 0;
transition: all 400ms;
}
.bottom-to-top {
opacity: 0;
transition: all 400ms;
}
.right-to-left {
opacity: 0;
transition: all 400ms;
}
.left-to-right {
opacity: 0;
transition: all 400ms;
}
.fade-in {
opacity: 0;
transition: all 600ms;
}
.rotate {
opacity: 0;
transform: rotate(-360deg);
transition: all 600ms;
}
.scale-in {
transform: scale(0, 0);
transition: all 600ms;
}
.in-line-fade {
opacity: 0;
transition: all 300ms;
}
.in-line-fade-300ms {
opacity: 0;
transition: all 300ms;
}
.in-line-fade-600ms {
opacity: 0;
transition: all 300ms;
}
.in-line-fade-900ms {
opacity: 0;
transition: all 300ms;
}
.in-line-fade-1200ms {
opacity: 0;
transition: all 300ms;
}
.in-line-rotate {
opacity: 0;
transform: rotate(-360deg);
transition: all 300ms;
}
.in-line-rotate-300ms {
opacity: 0;
transform: rotate(-360deg);
transition: all 300ms;
}
.in-line-rotate-600ms {
opacity: 0;
transform: rotate(-360deg);
transition: all 300ms;
}
.in-line-rotate-900ms {
opacity: 0;
transform: rotate(-360deg);
transition: all 300ms;
}
.in-line-rotate-1200ms {
opacity: 0;
transform: rotate(-360deg);
transition: all 300ms;
}
.in-line-scale {
transform: scale(0, 0);
transition: all 300ms;
}
.in-line-scale-300ms {
transform: scale(0, 0);
transition: all 300ms;
}
.in-line-scale-600ms {
transform: scale(0, 0);
transition: all 300ms;
}
.in-line-scale-900ms {
transform: scale(0, 0);
transition: all 300ms;
}
.in-line-scale-1200ms {
transform: scale(0, 0);
transition: all 300ms;
}
/*VISIBLE*/
.visible .top-to-bottom {
opacity: 1;
transition: all 400ms;
transform: translate3d(0, 0, 0) !important;
}
.visible .bottom-to-top {
opacity: 1;
transition: all 400ms;
transform: translate3d(0, 0, 0) !important;
}
.visible .right-to-left {
opacity: 1;
transition: all 400ms;
transform: translate3d(0, 0, 0) !important;
}
.visible .left-to-right {
opacity: 1;
transition: all 400ms;
transform: translate3d(0, 0, 0) !important;
}
.visible .fade-in {
opacity: 1;
transition: all 600ms;
}
.visible .rotate {
opacity: 1;
transform: rotate(0);
transition: all 600ms;
}
.visible .scale-in {
transform: scale(1, 1);
transition: all 600ms;
}
.visible .in-line-fade {
opacity: 1;
transition: all 100ms;
}
.visible .in-line-fade-300ms {
opacity: 1;
transition: all 100ms;
transition-delay: 0.1s;
}
.visible .in-line-fade-600ms {
opacity: 1;
transition: all 100ms;
transition-delay: 0.2s;
}
.visible .in-line-fade-900ms {
opacity: 1;
transition: all 100ms;
transition-delay: 0.3s;
}
.visible .in-line-fade-1200ms {
opacity: 1;
transition: all 100ms;
transition-delay: 0.4s;
}
.visible .in-line-rotate {
opacity: 1;
transform: rotate(0);
transition: all 300ms;
}
.visible .in-line-rotate-300ms {
opacity: 1;
transform: rotate(0);
transition: all 300ms;
transition-delay: 0.3s;
}
.visible .in-line-rotate-600ms {
opacity: 1;
transform: rotate(0);
transition: all 300ms;
transition-delay: 0.6s;
}
.visible .in-line-rotate-900ms {
opacity: 1;
transform: rotate(0);
transition: all 300ms;
transition-delay: 0.9s;
}
.visible .in-line-scale {
transform: scale(1, 1);
transition: all 300ms;
}
.visible .in-line-scale-300ms {
transform: scale(1, 1);
transition: all 300ms;
transition-delay: 0.3s;
}
.visible .in-line-scale-600ms {
transform: scale(1, 1);
transition: all 300ms;
transition-delay: 0.6s;
}
.visible .in-line-scale-900ms {
transform: scale(1, 1);
transition: all 300ms;
transition-delay: 0.9s;
}
.swiper-slide-active .slide_top-to-bottom {
opacity: 1;
transition: all 400ms;
transform: translate3d(0, 0, 0) !important;
}
.swiper-slide-active .slide_bottom-to-top {
opacity: 1;
transition: all 400ms;
transform: translate3d(0, 0, 0) !important;
}
.swiper-slide-active .slide_right-to-left {
opacity: 1;
transition: all 400ms;
transform: translate3d(0, 0, 0) !important;
}
.swiper-slide-active .slide_left-to-right {
opacity: 1;
transition: all 400ms;
transform: translate3d(0, 0, 0) !important;
}
.swiper-slide-active .slide_fade-in {
opacity: 1;
transition: all 600ms;
}
.swiper-slide-active .slide_rotate {
opacity: 1;
transform: rotate(0);
transition: all 600ms;
}
.swiper-slide-active .slide_scale-in {
transform: scale(1, 1);
transition: all 600ms;
}
.swiper-slide-active .slide_in-line-fade {
opacity: 1;
transition: all 300ms;
}
.swiper-slide-active .slide_in-line-fade-300ms {
opacity: 1;
transition: all 300ms;
transition-delay: 0.3s;
}
.swiper-slide-active .slide_in-line-fade-600ms {
opacity: 1;
transition: all 300ms;
transition-delay: 0.6s;
}
.swiper-slide-active .slide_in-line-fade-900ms {
opacity: 1;
transition: all 300ms;
transition-delay: 0.9s;
}
.swiper-slide-active .slide_in-line-rotate {
opacity: 1;
transform: rotate(0);
transition: all 300ms;
}
.swiper-slide-active .slide_in-line-rotate-300ms {
opacity: 1;
transform: rotate(0);
transition: all 300ms;
transition-delay: 0.3s;
}
.swiper-slide-active .slide_in-line-rotate-600ms {
opacity: 1;
transform: rotate(0);
transition: all 300ms;
transition-delay: 0.6s;
}
.swiper-slide-active .slide_in-line-rotate-900ms {
opacity: 1;
transform: rotate(0);
transition: all 300ms;
transition-delay: 0.9s;
}
.swiper-slide-active .slide_in-line-scale {
transform: scale(1, 1);
transition: all 300ms;
}
.swiper-slide-active .slide_in-line-scale-300ms {
transform: scale(1, 1);
transition: all 300ms;
transition-delay: 0.3s;
}
.swiper-slide-active .slide_in-line-scale-600ms {
transform: scale(1, 1);
transition: all 300ms;
transition-delay: 0.6s;
}
.swiper-slide-active .slide_in-line-scale-900ms {
transform: scale(1, 1);
transition: all 300ms;
transition-delay: 0.9s;
}
/* SECTION */
.visible.top-to-bottom {
opacity: 1;
transition: all 400ms;
transform: translate3d(0, 0, 0) !important;
}
.visible.bottom-to-top {
opacity: 1;
transition: all 400ms;
transform: translate3d(0, 0, 0) !important;
}
.visible.right-to-left {
opacity: 1;
transition: all 400ms;
transform: translate3d(0, 0, 0) !important;
}
.visible.left-to-right {
opacity: 1;
transition: all 400ms;
transform: translate3d(0, 0, 0) !important;
}
.visible.fade-in {
opacity: 1;
transition: all 600ms;
}
.visible.rotate {
opacity: 1;
transform: rotate(0);
transition: all 600ms;
}
.visible.scale-in {
transform: scale(1, 1);
transition: all 600ms;
}
.visible.in-line-fade {
opacity: 1;
transition: all 300ms;
}
.visible.in-line-fade-300ms {
opacity: 1;
transition: all 300ms;
transition-delay: 0.3s;
}
.visible.in-line-fade-600ms {
opacity: 1;
transition: all 300ms;
transition-delay: 0.6s;
}
.visible.in-line-fade-900ms {
opacity: 1;
transition: all 300ms;
transition-delay: 0.9s;
}
.visible.in-line-rotate {
opacity: 1;
transform: rotate(0);
transition: all 300ms;
}
.visible.in-line-rotate-300ms {
opacity: 1;
transform: rotate(0);
transition: all 300ms;
transition-delay: 0.3s;
}
.visible.in-line-rotate-600ms {
opacity: 1;
transform: rotate(0);
transition: all 300ms;
transition-delay: 0.6s;
}
.visible.in-line-rotate-900ms {
opacity: 1;
transform: rotate(0);
transition: all 300ms;
transition-delay: 0.9s;
}
.visible.in-line-scale {
transform: scale(1, 1);
transition: all 300ms;
}
.visible.in-line-scale-300ms {
transform: scale(1, 1);
transition: all 300ms;
transition-delay: 0.3s;
}
.visible.in-line-scale-600ms {
transform: scale(1, 1);
transition: all 300ms;
transition-delay: 0.6s;
}
.visible.in-line-scale-900ms {
transform: scale(1, 1);
transition: all 300ms;
transition-delay: 0.9s;
}
.swiper-slide-active.slide_top-to-bottom {
opacity: 1;
transition: all 400ms;
transform: translate3d(0, 0, 0) !important;
}
.swiper-slide-active.slide_bottom-to-top {
opacity: 1;
transition: all 400ms;
transform: translate3d(0, 0, 0) !important;
}
.swiper-slide-active.slide_right-to-left {
opacity: 1;
transition: all 400ms;
transform: translate3d(0, 0, 0) !important;
}
.swiper-slide-active.slide_left-to-right {
opacity: 1;
transition: all 400ms;
transform: translate3d(0, 0, 0) !important;
}
.swiper-slide-active.slide_fade-in {
opacity: 1;
transition: all 600ms;
}
.swiper-slide-active.slide_rotate {
opacity: 1;
transform: rotate(0);
transition: all 600ms;
}
.swiper-slide-active.slide_scale-in {
transform: scale(1, 1);
transition: all 600ms;
}
.swiper-slide-active.slide_in-line-fade {
opacity: 1;
transition: all 300ms;
}
.swiper-slide-active.slide_in-line-fade-300ms {
opacity: 1;
transition: all 300ms;
transition-delay: 0.3s;
}
.swiper-slide-active.slide_in-line-fade-600ms {
opacity: 1;
transition: all 300ms;
transition-delay: 0.6s;
}
.swiper-slide-active.slide_in-line-fade-900ms {
opacity: 1;
transition: all 300ms;
transition-delay: 0.9s;
}
.swiper-slide-active.slide_in-line-rotate {
opacity: 1;
transform: rotate(0);
transition: all 300ms;
}
.swiper-slide-active.slide_in-line-rotate-300ms {
opacity: 1;
transform: rotate(0);
transition: all 300ms;
transition-delay: 0.3s;
}
.swiper-slide-active.slide_in-line-rotate-600ms {
opacity: 1;
transform: rotate(0);
transition: all 300ms;
transition-delay: 0.6s;
}
.swiper-slide-active.slide_in-line-rotate-900ms {
opacity: 1;
transform: rotate(0);
transition: all 300ms;
transition-delay: 0.9s;
}
.swiper-slide-active.slide_in-line-scale {
transform: scale(1, 1);
transition: all 300ms;
}
.swiper-slide-active.slide_in-line-scale-300ms {
transform: scale(1, 1);
transition: all 300ms;
transition-delay: 0.3s;
}
.swiper-slide-active.slide_in-line-scale-600ms {
transform: scale(1, 1);
transition: all 300ms;
transition-delay: 0.6s;
}
.swiper-slide-active.slide_in-line-scale-900ms {
transform: scale(1, 1);
transition: all 300ms;
transition-delay: 0.9s;
}
/*SECTION*/
/*VISIBLE*/
/* ANIMATION */
.image_gallery_isotope {
}
.image_gallery_isotope .grid_sizer {
max-width: calc(25% - 15px);
width: 100%;
}
.image_gallery_isotope .grid_item {
max-width: calc(25% - 15px);
width: 100%;
float: left;
margin-bottom: 15px;
}
.image_gallery_isotope .grid_item a {
display: block;
}
.image_gallery_isotope .grid_item a img {
width: 100%;
}
.image_gallery_isotope .grid_item_2 {
max-width: calc(50% - 15px);
width: 100%;
float: left;
margin-bottom: 15px;
}
.grid-style .col-md-4 {
margin-top: 30px;
}
.grid-style .grid-image {
text-align: center;
height: 250px;
overflow: hidden;
}
.type_isotope {
}
.type_isotope .grid-sizer {
max-width: calc(25% - 15px);
width: 100%;
}
.type_isotope .grid-item {
display: block;
max-width: calc(25% - 15px);
width: 100%;
margin-bottom: 15px;
position: relative;
float: left;
overflow: hidden;
}
.type_isotope .grid-item .item-image {
height: 200px;
height: 100%;
display: block;
}
.type_isotope .grid-item .item-image img {
width: 100%;
}
.type_isotope .grid-item.grid_item_2 {
max-width: calc(50% - 15px);
width: 100%;
}
.type_isotope .grid-item.grid_item_2 .item-image {
height: 400px;
}
.type_isotope .grid-item .item-title {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 12px;
background: rgba(0, 0, 0, 0.7);
color: #fff;
font-size: 16px;
font-weight: 400;
}
.style-list ul {
padding-left: 0;
}
.style-list ul li {
background: #d2d2d2;
display: block;
position: relative;
list-style: none;
transition: all 400ms;
top: 0;
}
.style-list ul li:hover {
top: -10px;
transition: all 400ms;
}
.style-list ul li + li {
margin-top: 15px;
}
.style-list ul li .item-title {
margin-bottom: 10px;
display: block;
}
.style-list ul li p {
}
.style-list ul li a {
padding: 10px 15px;
display: block;
}
.category-list ul {
padding-left: 0;
}
.category-list ul li {
background: #d2d2d2;
display: block;
position: relative;
list-style: none;
transition: all 400ms;
top: 0;
}
.category-list ul li + li {
margin-top: 15px;
}
.category-list ul li:hover {
top: -10px;
transition: all 400ms;
}
.category-list ul li .item-title {
display: block;
margin-bottom: 10px;
}
.category-list ul li a {
padding: 10px 15px;
display: block;
}
.row-style {
margin-right: 0;
margin-left: 0;
}
.row-style .style-item {
padding: 0;
margin-bottom: 30px;
background: #d2d2d2;
height: 214px;
position: relative;
overflow: hidden;
top: 0;
transition: all 400ms;
}
.row-style .style-item .style-img-hidden {
overflow: hidden;
display: inline-block;
float: left;
}
.row-style .style-item:hover {
top: -10px;
transition: all 400ms;
}
.row-style .style-item:hover .style-img {
-ms-transform: scale(1.2, 1.2);
/* IE 9 */
-webkit-transform: scale(1.2, 1.2);
/* Safari */
transform: scale(1.2, 1.2);
transition: all 400ms;
}
.row-style .style-item a {
display: block;
height: 100%;
}
.row-style .style-item .style-img {
max-width: 320px;
float: left;
transition: all 400ms;
}
.row-style .style-item .style-title {
font-size: 18px;
float: left;
display: block;
font-weight: 600;
margin-left: 15px;
margin-top: 30px;
width: calc(100% - 335px);
}
.row-style .style-item .style-excerpt {
font-size: 14px;
font-size: 500;
float: left;
margin-left: 15px;
width: calc(100% - 335px);
}
.style-slider {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.style-slider .swiper-slide {
text-align: center;
}
.style-slider .style-slide-next {
position: absolute;
right: 0;
bottom: 0;
top: auto;
}
.style-slider .style-slide-prev {
position: absolute;
right: 37px;
left: auto;
bottom: 0;
top: auto;
}
.style-slider .item-content {
padding: 0 10px;
text-align: left;
}
.gallery_list {
padding: 0;
margin: 0;
}
.gallery_list li {
max-width: calc(100% - 24px);
width: 100%;
margin-bottom: 24px;
border: 1px solid #f2f2f2;
list-style: none;
}
.gallery_list li a {
display: flex;
align-items: center;
overflow: hidden;
text-decoration: none;
}
.gallery_list li a .image_cont {
max-width: 200px;
max-height: 200px;
margin-right: 20px;
}
.gallery_list li a img {
max-width: 100%;
max-height: 100%;
transition: all 400ms;
}
/*.gallery_list li a:hover img {
-ms-transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
transition: all 400ms;
}*/
.grid_gallery {
display: flex;
flex-wrap: wrap;
margin: -12px;
}
.grid_gallery a {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #f2f2f2;
overflow: hidden;
max-width: calc(25% - 24px);
width: 100%;
margin-left: 12px;
margin-right: 12px;
margin-top: 12px;
margin-bottom: 12px;
position: relative;
max-height: 200px;
}
.grid_gallery a img {
max-width: 100%;
max-height: 100%;
transition: all 400ms;
}
.grid_gallery a:hover img {
-ms-transform: scale(1.05, 1.05);
-webkit-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
transition: all 400ms;
}
.slide-fullheight {
background: #000;
}
.slide-fullheight .center-inner {
text-align: center;
}
.slide-fullheight .swiper-pagination-bullet {
background: rgba(255, 255, 255, 1);
}
.slide-fullheight .swiper-pagination-bullet-active {
background: red;
}
/*SECTION SHOW*/
.desktop-0 {
display: none;
}
.desktop-1 {
display: block;
}
.tablet-1 {
display: block;
}
.mobile-1 {
display: block;
}
/*SECTION SHOW*/
#toast-container {
position: fixed;
z-index: 999999999999;
pointer-events: none;
width: 100%;
right: 0;
}
#toast-container > div {
position: relative;
pointer-events: auto;
overflow: hidden;
margin: 0 0 6px;
padding: 30px 30px 30px 80px;
width: 100%;
border-radius: 0;
background-position: 30px center;
background-repeat: no-repeat;
box-shadow: none;
color: #ffffff;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100);
}
.toast-top-right {
top: 0px;
right: 0px;
}
.toast-error {
background-color: #e24445;
}
.t_m_t_0 {
margin-top: 0;
}
.t_m_b_0 {
margin-bottom: 0;
}
.p_m_b_0 {
margin-bottom: 0;
}
.p_m_b_5 {
margin-bottom: 5px;
}
.p_m_b_10 {
margin-bottom: 10px;
}
.color_black {
color: #000;
}
.color_white {
color: #f6f6f6;
}
.color_grey {
color: rgba(255, 255, 255, 0.69);
}
.color_light_grey {
color: #767676;
}
.color_blue {
color: #36e7ff;
}
.color_red {
color: #eb3807;
}
.f_l {
letter-spacing: 0.4em;
}
.f_l_7 {
letter-spacing: 7px;
}
.section_flex .container-fluid {
height: 100%;
}
.section_flex .container {
height: 100%;
}
.section_flex .container .row {
height: 100%;
}
.section_flex .container-fluid .row {
height: 100%;
}
.section_menu {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 100%;
top: 100%;
opacity: 0;
transform: translate3d(0, 0, 0);
transition: opacity 0.3s, transform 0.3s;
background: #fff;
padding: 0;
margin: 0;
height: 48px;
border-bottom: 1px solid #dadad9;
z-index: 11;
}
.section_menu.active {
opacity: 1;
transform: translate3d(0, -100%, 0);
}
.video_background {
background: #000;
position: absolute;
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -99;
}
.video_foreground:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
}
.video_foreground,
.video_background iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
@media (min-aspect-ratio: 16/9) {
.video_foreground {
height: 200%;
top: -50%;
}
}
@media (max-aspect-ratio: 16/9) {
.video_foreground {
width: 200%;
left: -50%;
}
}
.overlay_section {
position: relative;
}
.overlay_color {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.video_bg {
object-fit: cover;
background: #000;
position: absolute;
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
z-index: -99;
}
.video_bg video {
object-fit: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.overlay_section .container {
position: relative;
}
.overlay_section .container-fluid {
position: relative;
}
#logo svg {
width: 130px;
height: auto;
margin-top: -27px;
}
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100px;
padding: 0 40px 15px;
z-index: 9;
transition: all 400ms;
}
.head_color_1 header:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.8) 0%,
rgba(0, 0, 0, 0) 100%
);
z-index: -1;
}
.navbar-expand-lg {
padding: 0;
height: 100%;
align-items: flex-end;
position: static;
}
.navbar-expand-lg .navbar-collapse {
height: 100%;
align-items: flex-end;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav {
}
.navbar-expand-lg .navbar-nav li {
}
.navbar-expand-lg .navbar-nav li a {
text-decoration: none;
font-size: 16px;
font-weight: 500;
}
.navbar-expand-lg .navbar-nav li > a {
color: rgba(255, 255, 255, 1);
}
.navbar-expand-lg .navbar-nav.top_nav li {
}
.navbar-expand-lg .navbar-nav.top_nav li a {
padding: 15px 12px;
text-decoration: none;
font-size: 16px;
font-weight: 500;
color: rgba(255, 255, 255, 1);
}
.second_nav {
display: flex;
padding: 0;
margin: 0;
align-items: stretch;
}
.second_nav li {
list-style: none;
}
.second_nav li a {
display: block;
font-size: 16px;
font-weight: 500;
color: rgba(255, 255, 255, 0.6);
text-decoration: none;
text-transform: uppercase;
}
.second_nav li a#search-btn {
border-radius: 50%;
background-color: #eb3807;
width: 2.35rem;
height: 2.35rem;
display: inline-flex;
justify-content: center;
align-items: center;
box-shadow: rgba(0, 0, 0, 0.25) 0em 0.15em 0.65em 0em;
margin-left: 1rem;
}
.second_nav li a#search-btn img {
width: 16px;
height: 16px;
}
.navbar-expand-lg .navbar-nav li .mega_container {
position: absolute;
left: 0;
top: 100px;
max-height: 0;
overflow: hidden;
width: 100%;
transition: all 500ms;
}
.navbar-expand-lg .navbar-nav li:hover .mega_container {
max-height: 60vh;
}
.navbar-expand-lg .navbar-nav li .mega_container .products {
display: flex;
/*min-height: 524px;*/
}
.navbar-expand-lg .navbar-nav li .mega_container .products a {
display: flex;
position: relative;
overflow: hidden;
padding: 38px 20px 0;
flex-direction: column;
justify-content: space-between;
background: #929292;
transition: all 300ms;
border-left: 1px solid #fff;
max-width: calc(100% / 7);
width: 100%;
}
.navbar-expand-lg .navbar-nav li .mega_container .products a:first-child {
border-left: 0;
}
.navbar-expand-lg .navbar-nav li .mega_container .products a .product_name {
font-size: 1.4583333333333333vw;
font-weight: 600;
color: rgba(255, 255, 255, 1);
display: block;
white-space: nowrap;
}
.navbar-expand-lg
.navbar-nav
li
.mega_container
.products
a
.product_sub_title {
font-size: 0.9375vw;
font-weight: 300;
color: rgba(255, 255, 255, 1);
display: block;
opacity: 0;
transition: all 300ms;
}
.navbar-expand-lg .navbar-nav li .mega_container .products a img {
transform: translate3d(-50%, 0, 0);
transition: all 300ms;
margin-top: 60px;
max-width: initial;
/*min-width: calc(100vw / 7 + 150px);*/
}
.navbar-expand-lg .navbar-nav li .mega_container .products a img.cover_icon {
display: none;
}
/* header:hover {
background: #fff;
} */
header:hover:before {
display: none;
}
/* header:hover #logo svg path {
fill:#1a7fb4;
}
header:hover .navbar-expand-lg .navbar-nav li a {
color:rgba(45, 45, 45, 1);
}
header:hover .navbar-expand-lg .navbar-nav.top_nav li a {
color:rgba(45, 45, 45, .6);
}
header:hover .second_nav li a {
color:rgba(45, 45, 45, .6);
}
header:hover .second_nav li a svg path {
stroke:rgba(45, 45, 45, .6);
} */
header #logo svg path {
transition: fill 300ms;
}
.mega-menu-is-active header #logo svg path {
fill: #1e1e1e;
}
.navbar-expand-lg .navbar-nav li .mega_container .products a:hover {
background: rgba(111, 108, 97, 1);
/*flex:0 0 calc(100vw / 7 + 150px);*/
}
.navbar-expand-lg .navbar-nav li .mega_container .products a:hover img {
transform: translate3d(0, 0, 0);
}
.navbar-expand-lg
.navbar-nav
li
.mega_container
.products
a:hover
.product_sub_title {
opacity: 1;
}
.navbar-expand-lg .navbar-nav li.mega_menu_sub {
position: relative;
}
.navbar-expand-lg .navbar-nav li .sub_menu_cont {
position: absolute;
top: calc(100% + 15px);
left: 0;
background: #fff;
max-height: 0;
overflow: hidden;
transition: all 400ms;
min-width: 310px;
}
.navbar-expand-lg .navbar-nav.top_nav li .sub_menu_cont {
right: 0;
left: auto;
}
.navbar-expand-lg .navbar-nav li .sub_menu_cont ul {
padding: 0;
margin: 0;
}
.navbar-expand-lg .navbar-nav li .sub_menu_cont ul li {
list-style: none;
padding: 0 22px;
}
.navbar-expand-lg .navbar-nav li .sub_menu_cont ul li a {
display: flex;
align-items: center;
padding: 14px 0;
color: rgba(143, 143, 143, 1);
font-size: 14px;
font-weight: 600;
position: relative;
}
.navbar-expand-lg .navbar-nav li .sub_menu_cont ul li a:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-bottom: 1px dashed rgba(0, 75, 147, 1);
transition: all 300ms;
}
.navbar-expand-lg .navbar-nav li .sub_menu_cont ul li a svg {
width: 0;
margin-right: 5px;
}
header:hover .navbar-expand-lg .navbar-nav.top_nav li:hover > a {
color: rgba(45, 45, 45, 1);
}
header:hover .navbar-expand-lg .navbar-nav.top_nav li:hover > a svg {
}
header:hover
.navbar-expand-lg
.navbar-nav.top_nav
li:hover
.sub_menu_cont
ul
li
a:hover {
color: rgba(0, 75, 147, 1);
}
.navbar-expand-lg .navbar-nav li .sub_menu_cont ul li a svg {
width: 0;
transition: all 300ms;
}
.navbar-expand-lg .navbar-nav li .sub_menu_cont ul li a:hover {
color: rgba(0, 75, 147, 1);
}
.navbar-expand-lg .navbar-nav li .sub_menu_cont ul li a:hover svg {
width: 20px;
}
.navbar-expand-lg .navbar-nav li .sub_menu_cont ul li a:hover:after {
width: 100%;
}
.navbar-expand-lg .navbar-nav li:hover .sub_menu_cont {
max-height: 500px;
padding-bottom: 10px;
}
header:hover .second_nav li a:hover {
color: rgba(45, 45, 45, 1);
}
header:hover .second_nav li a:hover svg path {
stroke: rgba(45, 45, 45, 1);
}
header.hide_header {
transform: translate3d(0, -100%, 0);
}
body.head_color_2 #wrapper .content_wrapper {
margin-top: 100px;
}
body.head_color_0 header,
body.head_color_2 header {
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
body.head_color_0 header::before,
body.head_color_2 header:before {
display: none;
}
body.head_color_0 header #logo svg path,
body.head_color_2 header #logo svg path {
fill: #1e1e1e;
}
body.head_color_2 header #logo svg path.o_harfi {
fill: transparent;
stroke: rgba(0, 75, 147, 1);
}
body.head_color_0 header .navbar-expand-lg .navbar-nav li > a,
body.head_color_2 header .navbar-expand-lg .navbar-nav li > a {
color: #1e1e1e;
}
body.head_color_2 header .navbar-expand-lg .navbar-nav.top_nav li a {
color: rgba(45, 45, 45, 0.6);
}
body.head_color_2 header .second_nav li > a {
color: rgba(45, 45, 45, 0.6);
}
body.head_color_2 header .second_nav li a svg path {
stroke: rgba(45, 45, 45, 0.6);
}
header.fixed_top {
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
header.fixed_top:before {
display: none;
}
header.fixed_top #logo svg path {
fill: #1a7fb4;
}
header.fixed_top #logo svg path.o_harfi {
fill: transparent;
stroke: rgba(0, 75, 147, 1);
}
header.fixed_top .navbar-expand-lg .navbar-nav li a {
color: rgba(45, 45, 45, 1);
}
header.fixed_top .navbar-expand-lg .navbar-nav.top_nav li a {
color: rgba(45, 45, 45, 0.6);
}
header.fixed_top .second_nav li a {
color: rgba(45, 45, 45, 0.6);
}
header.fixed_top .second_nav li a svg path {
stroke: rgba(45, 45, 45, 0.6);
}
.full-height {
height: 100vh;
}
.f_s_120vh {
font-size: 12.889366272824919vh;
line-height: 1;
}
.f_s_96vh {
font-size: 10.311493018259936vh;
line-height: 1;
}
.f_s_60 {
font-size: 60px;
line-height: 1.1;
}
.f_s_48 {
font-size: 48px;
line-height: 1.2;
}
.f_s_40 {
font-size: 40px;
line-height: 1.2;
}
.f_s_36 {
font-size: 36px;
line-height: 1.3;
}
.f_s_32 {
font-size: 32px;
line-height: 1.3;
}
.f_s_30 {
font-size: 30px;
line-height: 1.3;
}
.f_s_24 {
font-size: 24px;
}
.f_s_20 {
font-size: 20px;
}
.f_s_18 {
font-size: 18px;
}
.f_s_16 {
font-size: 16px;
}
.f_s_14 {
font-size: 14px;
}
.f_w_900 {
font-weight: 900;
}
.f_w_800 {
font-weight: 800;
}
.f_w_700 {
font-weight: 700;
}
.f_w_600 {
font-weight: 600;
}
.f_w_500 {
font-weight: 500;
}
.f_w_400 {
font-weight: 400;
}
.f_w_300 {
font-weight: 300;
}
.flex_col {
display: flex;
}
.align_items_center {
align-items: center;
}
.justify_content_center {
justify-content: center;
}
.justify_space_between {
justify-content: space-between;
}
.justify_center {
justify-content: center;
}
.justify_end {
justify-content: flex-end;
}
.col_standart > div {
display: flex;
flex-direction: column;
height: 100%;
}
.col_standart.align_item_center > div {
justify-content: center;
}
section.justify_center .row {
justify-content: center;
}
.page_down_section {
position: relative;
}
.page_down {
position: absolute;
bottom: 50px;
left: 50%;
transform: translate3d(-50%, 0, 0);
cursor: pointer;
}
.our_mission {
background: #003b74;
padding: 55px 4vw 35px;
}
.our_values {
background: #595959;
display: flex;
}
.our_values h2 {
writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
margin: 0;
padding: 0 25px;
background: #424242;
transform: rotate(180deg);
text-align: center;
}
.our_values > div {
padding: 55px 30px 35px;
}
.accordion-item {
border: 0;
background: transparent;
}
.accordion-button {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px;
/* color: #8f8f8f; */
color: #1e1e1e;
font-size: 24px;
font-weight: 500;
letter-spacing: -0.04em;
box-shadow: none;
border-bottom: 1px solid #ebeaeb;
}
.accordion-button:focus {
box-shadow: none;
outline: none;
border-color: #ebeaeb;
}
.accordion-button svg {
width: 28px;
height: 28px;
}
.accordion-button svg path {
stroke: #eb3807;
}
.accordion-button > span {
max-width: calc(100% - 25px);
}
.accordion-button::after {
display: none;
}
.accordion-item:first-of-type {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.accordion-button:not(.collapsed) {
background: transparent;
color: #1e1e1e;
font-size: 24px;
font-weight: 500;
letter-spacing: -0.04em;
box-shadow: none;
border-bottom: 1px solid #ebeaeb;
}
.accordion-button:not(.collapsed)::after {
display: none;
}
.accordion-item:first-of-type .accordion-button {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.accordion-body {
padding-left: 0;
padding-right: 0;
padding: 30px;
}
.accordion-collapse.show {
border-bottom: 1px solid #ebeaeb;
}
.accordion-item:last-of-type .accordion-button.collapsed {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.accordion-button svg {
transition: all 300ms;
}
.accordion-button:not(.collapsed) svg {
transform: rotate(180deg);
}
footer {
background: #313131;
}
footer section:first-child .container,
footer section:first-child .container-fluid {
/* padding: 60px calc(var(--bs-gutter-x) * .5); */
padding: 60px calc(var(--bs-gutter-x) * 2);
/* border-bottom:1px solid #5483B0; */
/* padding-top: 60px;
padding-bottom: 60px; */
}
/* footer section:last-child .col9 {
display: flex;
align-items: center;
padding-left: 0;
}
footer section:last-child .col3 {
padding-right: 0;
}
footer section:last-child p {
color:#8F8F8F;
margin-bottom: 0;
} */
/* footer section:first-child .col9 {
padding-left: 0;
}
footer section:first-child .col3 {
padding-right: 0;
} */
.footer_menu {
/* display: flex;
align-items: flex-start;
margin: 0 0 0 10px;
padding: 0;
flex-direction: column; */
}
footer a {
color: #fff;
font-size: inherit;
}
.footer_menu .menu_title {
margin-bottom: 20px;
display: block;
}
.footer_menu .menu_title a {
font-weight: 400;
}
.footer_menu .menu_title a:hover,
.footer_menu .menu_title a:active {
color: #eb3807;
}
.footer_menu ul {
padding-left: 0;
}
.footer_menu ul li {
list-style: none;
margin: 7px 0;
}
.footer_menu ul li a {
display: flex;
align-items: center;
font-size: 12px;
line-height: 1.4;
color: #767676;
font-weight: 400;
text-decoration: none;
margin: 0;
}
.footer_menu ul li a:hover,
.footer_menu ul li a:active {
color: #fff;
}
.footer_menu ul li a svg {
display: none;
}
.footer_menu li a img {
margin-right: 10px;
}
.footer_products_menu {
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
}
.footer_products_menu li {
list-style: none;
margin: 0 20px;
}
.footer_products_menu li a {
display: block;
font-size: 16px;
font-weight: 500;
color: #ffffff;
padding: 0 5px;
text-decoration: none;
}
.footer_products_menu li a img {
margin-bottom: 5px;
display: block;
}
.footer_products_menu li:first-child {
margin-left: 0;
}
.footer_products_menu li:first-child a {
padding-left: 0;
}
.social_links {
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
.social_links li {
list-style: none;
}
.social_links li a {
display: block;
padding: 0 10px;
}
.social_links li:last-child a {
padding-right: 0;
}
.cookie_modal {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 9999;
transition: all 400ms;
}
.cookie_modal .cookie_close {
position: absolute;
right: 35px;
top: 35px;
display: none;
cursor: pointer;
}
.cookie_modal .cookie_close.active {
display: block;
}
.cookie_modal .modal_body {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 40px;
z-index: 2;
background: #fff;
}
.cookie_modal .modal_overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
}
.cookie_modal .modal_body button {
padding: 10px 20px;
border: 0;
box-shadow: none;
font-size: 14px;
}
.cookie_modal .modal_body button:first-child {
margin-right: 10px;
}
.cookie_modal .modal_body .cookie_settings {
max-height: 0;
transition: all 400ms;
overflow: hidden;
}
.cookie_modal .modal_body .cookie_settings .form-group {
margin-bottom: 30px;
}
.cookie_modal .modal_body .cookie_settings label {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.cookie_modal .modal_body .cookie_settings label input {
}
.cookie_modal .modal_body .cookie_settings label span {
position: static;
margin-left: 10px;
}
.cookie_modal .modal_body .cookie_settings.active {
max-height: 1000px;
}
.cookie_modal .modal_body .cookie_accept {
margin-left: 10px;
background: #000;
color: #fff;
}
.cookie_modal .modal_body .cookie_actions {
display: flex;
align-items: center;
justify-content: flex-end;
}
.cookie_modal.hidden {
opacity: 0;
display: none;
}
.tagline_module {
position: relative;
}
.tagline_module .tagline_bg_image {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 1;
}
.tagline_module .tagline_bg_color {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2;
}
.tagline_module .tagline_content {
position: relative;
z-index: 3;
}
.tagline_c_t_l {
position: relative;
}
.tagline_c_t_l .tagline_module {
transition: all 400ms;
transform: translate3d(0, 100%, 0);
opacity: 0;
}
.tagline_c_t_l .tagline_module .tagline_content {
position: absolute;
right: 0;
top: 50%;
transform: translate3d(0, 0, 0);
opacity: 0;
transition: all 400ms;
transition-delay: 200ms;
background: #706554;
max-width: 460px;
width: 100%;
padding: 50px;
}
.visible .tagline_c_t_l .tagline_module .tagline_content {
opacity: 1;
transform: translate3d(0, -50%, 0);
}
.visible .tagline_c_t_l .tagline_module {
transform: translate3d(0, 0, 0);
opacity: 1;
}
ul.column_2 {
columns: 2;
}
.white_list {
padding: 0;
margin: 0;
}
.white_list li {
list-style: none;
color: #fff;
font-size: 16px;
font-weight: 400;
padding-left: 15px;
position: relative;
display: flex;
padding: 0;
margin-bottom: 10px;
}
.white_list li:before {
content: "";
background-image: url(/frontend/img/list-icon-white.svg);
background-size: cover;
background-position: center;
width: 4px;
height: 4px;
margin-right: 10px;
margin-top: 9px;
}
.black_list {
padding: 0;
margin: 0;
}
.black_list li {
list-style: none;
color: #2d2d2d;
font-size: 16px;
font-weight: 400;
padding-left: 15px;
position: relative;
display: flex;
padding: 0;
margin-bottom: 10px;
}
.black_list li:before {
content: "";
background-image: url(/frontend/img/list-icon-black.svg);
background-size: cover;
background-position: center;
width: 4px;
height: 4px;
margin-right: 10px;
margin-top: 9px;
}
.nav-tabs {
background: transparent;
border: 0;
}
.nav-tabs li {
margin-left: 10px;
margin-right: 10px;
}
.nav-tabs li:first-child {
margin-left: 0;
}
.nav-tabs li:last-child {
margin-right: 0;
}
.nav-tabs .nav-link {
border-top-left-radius: 0;
border-top-right-radius: 0;
border: 0;
padding: 17px 5px;
color: rgba(255, 255, 255, 0.5);
font-size: 16px;
font-weight: 400;
position: relative;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
background: transparent;
border: 0;
color: rgba(255, 255, 255, 1);
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
border: 0;
color: rgba(255, 255, 255, 1);
}
.nav-tabs .nav-link:before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 0;
height: 2px;
background: #fff;
transform: translate3d(-50%, 0, 0);
border-radius: 4px;
transition: all 300ms;
}
.nav-tabs .nav-item.show .nav-link:before,
.nav-tabs .nav-link.active:before {
width: 100%;
}
.nav-tabs .nav-link:focus:before,
.nav-tabs .nav-link:hover:before {
width: 100%;
}
.nav-pills {
margin-right: 60px;
display: inline-block;
flex: 0 0;
}
.nav-pills .nav-link {
font-size: 24px;
font-weight: 600;
color: rgba(255, 255, 255, 0.45);
padding: 10px 20px 10px 0;
margin-bottom: 10px;
border-radius: 0;
text-align: left;
display: inline-block;
position: relative;
}
.nav-pills .nav-link:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background: #fff;
transition: all 300ms;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
background: transparent;
color: #fff;
}
.nav-pills .nav-link.active:before,
.nav-pills .show > .nav-link:before {
width: 100%;
}
.nav-pills .nav-link:hover:before {
width: 100%;
}
.slide_gallery_height {
user-select: none !important;
max-height: 65vh;
height: 100%;
}
.slide_gallery_height .swiper-slide a {
display: block;
height: 100%;
position: relative;
overflow: hidden;
}
.slide_gallery_height .swiper-slide a img {
height: 100%;
}
.gallery_fh_prev {
width: 50px;
height: 50px;
opacity: 1 !important;
position: absolute;
left: 40px;
top: 50%;
margin: 0;
transform: translate3d(0, -50%, 0);
pointer-events: initial;
}
.gallery_fh_prev:after {
display: none;
}
.gallery_fh_prev svg path {
transition: all 300ms;
}
.gallery_fh_next {
width: 50px;
height: 50px;
opacity: 1 !important;
position: absolute;
right: 40px;
top: 50%;
margin: 0;
transform: translate3d(0, -50%, 0);
pointer-events: initial;
}
.gallery_fh_next:after {
display: none;
}
.gallery_fh_next svg path {
transition: all 300ms;
}
.swiper-button-next.gallery_fh_next.swiper-button-disabled,
.swiper-button-prev.gallery_fh_prev.swiper-button-disabled {
pointer-events: initial;
}
.slide_gallery_height .swiper-slide {
width: auto;
padding: 20px 0;
}
.type_product h1 {
margin-bottom: 0;
}
.section_video {
position: relative;
}
.section_video .play_btn.active {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.product_families_list {
padding: 0;
margin: 0;
padding-left: 10px;
padding-right: 40px;
}
.product_families_list li {
list-style: none;
display: block;
margin-bottom: 5px;
position: relative;
}
.product_families_list li:before {
content: "";
position: absolute;
bottom: 0;
width: 0;
left: 0;
border-bottom: 1px dashed #004b93;
transition: all 300ms;
}
.product_families_list li a {
display: flex;
align-items: center;
font-size: 16px;
font-weight: 600;
color: #8f8f8f;
padding: 5px 0;
text-decoration: none;
}
.product_families_list li a svg {
margin-right: 0;
width: 0;
transition: all 300ms;
}
.product_families_list li.active a {
color: #004b93;
}
.product_families_list li.active a svg {
margin-right: 10px;
width: 10px;
}
.product_families_list li.active:before {
width: 100%;
}
.product_families_list li:hover a {
color: #004b93;
}
.product_families_list li:hover a svg {
margin-right: 10px;
width: 10px;
}
.product_families_list li:hover:before {
width: 100%;
}
.product_family_row {
box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.15);
position: relative;
padding: 10px 0;
align-items: center;
background: #fff;
}
.product_family_row:before {
content: "";
position: absolute;
max-width: 480px;
width: 100%;
height: 95%;
left: -20px;
top: 50px;
background: #ccc5ba;
z-index: -1;
}
.product_family_row .col-lg-4 {
background: #fff;
position: relative;
}
.product_family_row .col-lg-8 {
background: #fff;
position: relative;
padding: 0;
overflow: hidden;
transition: all 300ms;
}
.slide_gallery {
user-select: none !important;
height: 500px;
}
.slide_gallery .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
}
.slide_gallery .swiper-slide img {
max-height: 100%;
}
.product_family_row .slide_gallery .swiper-slide img {
width: 100%;
}
.gallery_nav {
/*
position: absolute;
left:15px;
top:20px;
display: flex;
align-items: center;*/
}
.gallery_prev {
position: absolute;
left: 20px;
top: 50%;
transform: translate3d(0, -50%, 0);
margin: 0;
width: auto;
height: auto;
}
.gallery_prev svg {
filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.25));
width: 40px;
}
.gallery_prev svg path {
transition: all 300ms;
}
.gallery_prev:hover svg path:first-child {
fill: #0064c5;
stroke: #0064c5;
}
.gallery_prev:after {
display: none;
}
.gallery_next {
position: absolute;
right: 20px;
left: auto;
top: 50%;
transform: translate3d(0, -50%, 0);
margin: 0;
width: auto;
height: auto;
margin-left: -2px;
}
.gallery_next svg {
filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.25));
width: 40px;
}
.gallery_next svg path {
transition: all 300ms;
}
.gallery_next:hover svg path:first-child {
fill: #0064c5;
stroke: #0064c5;
}
.gallery_next:after {
display: none;
}
.family_info_btn {
position: absolute;
right: 32px;
top: 20px;
cursor: pointer;
z-index: 4;
filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.25));
}
.family_info_btn path {
transition: all 300ms;
}
.family_info_btn:hover path:first-child {
fill: #0064c5;
stroke: #0064c5;
}
.family_info_cont {
position: absolute;
top: 0;
right: calc(var(--bs-gutter-x) * 0.5);
max-width: 330px;
width: 100%;
height: 100%;
background: rgba(57, 63, 68, 0.9);
z-index: 2;
overflow-y: auto;
transition: all 300ms;
transform: translate3d(calc(100% + 12px), 0, 0);
}
.family_info_cont.active {
transform: translate3d(0, 0, 0);
}
.family_info_cont::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #f5f5f5;
}
.family_info_cont::-webkit-scrollbar {
width: 6px;
background-color: #f5f5f5;
}
.family_info_cont::-webkit-scrollbar-thumb {
background-color: #000000;
}
.family_info_cont .family_info {
padding: 110px 40px 20px;
}
.family_info_cont .family_info p {
color: #fff;
}
.tabbed_nav {
background: f1f1f1;
text-align: left;
}
.tabbed_nav ul {
padding-left: 3vw;
margin: 0;
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: row;
}
.tabbed_nav li {
list-style: none;
display: block;
margin-left: 10px;
margin-right: 10px;
}
.tabbed_nav li a {
display: block;
color: #1e1e1e;
font-size: 18px;
font-weight: 400;
padding: 18px 5px;
position: relative;
text-decoration: none;
}
.tabbed_nav li a:before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 0;
height: 2px;
background: #fff;
border-radius: 4px;
transform: translate3d(-50%, 0, 0);
transition: all 300ms;
}
.tabbed_nav li.active a {
color: #eb3807;
}
.tabbed_nav li.active a:before {
width: 100%;
}
.tabbed_nav li a:hover {
color: #eb3807;
}
.tabbed_nav li a:hover:before {
width: 100%;
}
.feedback_list {
padding: 0;
margin: 0;
}
.feedback_list li {
display: flex;
align-items: center;
position: relative;
}
.feedback_list li:before {
content: "";
position: absolute;
left: 40px;
bottom: 0;
width: 1px;
height: 100%;
background: #5c564f;
z-index: -1;
}
.feedback_list li:first-child:before {
height: 50%;
}
.feedback_list li:last-child:before {
height: 50%;
top: 0;
}
.feedback_list li img {
margin-right: 20px;
}
.form-floating {
margin-bottom: 20px;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select,
.was-validated .form-select:valid {
height: 44px;
border: 1px solid #d0d5dd;
box-shadow: 0px 1px 1px rgba(16, 24, 40, 0.05);
border-radius: 0;
padding-top: 1.125rem;
padding-bottom: 1.125rem;
}
.was-validated .form-select:valid:focus {
box-shadow: none;
}
.was-validated .form-select:valid:not([multiple]):not([size]) {
--bs-form-select-bg-icon: none;
}
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown),
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
border: 2px solid rgba(128, 128, 128, 1);
}
.form-select {
height: 44px;
border: 1px solid #d0d5dd;
box-shadow: 0px 1px 1px rgba(16, 24, 40, 0.05);
border-radius: 0;
color: rgba(128, 128, 128, 1);
/* padding: 1rem 0.75rem; */
}
.form-floating > label {
padding: 18px 15px;
color: rgba(118, 118, 118, 1);
font-size: 16px;
font-weight: 400;
width: auto;
height: auto;
}
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
transform: scale(0.75) translateY(-0.5rem) translateX(-1px);
padding: 7px 15px;
}
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
padding: 7px 15px;
transform: scale(0.75) translateY(-1.4rem) translateX(10px);
color: rgba(128, 128, 128, 1);
background: #fff;
opacity: 1;
}
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown),
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
padding-top: 1rem;
}
.form-group {
margin-bottom: 20px;
}
.form-floating > textarea.form-control {
height: 120px;
}
.relative_group {
position: relative;
}
.relative_group select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
background-image: url(/frontend/img/select-arrow.svg);
background-size: 20px;
}
#feedback_form h2 {
margin-bottom: 20px;
}
.kvkk_bilgilendirme {
margin-bottom: 20px;
}
.form-check {
/* margin-bottom: 20px; */
}
input[type="radio"],
input[type="checkbox"] {
font-size: 14px;
font-weight: 600;
-webkit-appearance: none;
position: relative !important;
vertical-align: middle;
cursor: pointer;
border: 0;
background: transparent;
padding: 0;
margin: 0;
line-height: 1;
height: 16px;
margin-top: 2.25px;
}
input[type="radio"]:before,
input[type="checkbox"]:before {
content: " ";
display: block;
text-align: center;
width: 16px;
height: 16px;
color: #231f20;
border: 2px solid #767676;
border-radius: 99px;
/* margin-top: 1.75px; */
}
input[type="checkbox"]:before {
border-radius: 2px;
}
.has-error input[type="radio"]:before,
.has-error input[type="checkbox"]:before,
.was-validated .form-check-input:invalid:before,
.form-check-input.is-invalid:before {
border-color: #eb3807;
}
.form-check-input.is-invalid:focus {
box-shadow: none;
}
.form-check-input:checked[type="radio"],
.form-check-input:checked[type="checkbox"] {
background: transparent;
}
.form-control.is-valid,
.was-validated .form-control:valid,
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus,
.was-validated .form-check-input:valid ~ .form-check-label,
.was-validated .form-check-input:valid:checked,
.was-validated .form-check-input:valid:focus {
color: inherit;
background-image: none;
background: transparent;
border-color: inherit;
box-shadow: none;
}
.form-control.is-invalid,
.was-validated .form-control:invalid,
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
border-color: rgba(128, 128, 128, 1);
box-shadow: none;
}
/* .has-error .invalid-feedback {
display: block;
} */
input[type="radio"]:checked:before,
input[type="checkbox"]:checked:before {
/* border:1px solid rgba(0, 75, 147, 1); */
border-color: #595959;
}
input[type="radio"]:checked ~ label {
color: #595959;
}
input[type="checkbox"]:checked:after,
input[type="radio"]:checked:after {
content: "";
width: 12px;
height: 12px;
position: absolute;
top: 0px;
left: 3px;
background: url(/frontend/imtekcryogenics/img/check-icon.png) no-repeat;
/* background: url(/frontend/img/check-icon.svg) no-repeat; */
background-size: contain;
background-position: center;
opacity: 1;
border-radius: 2px;
}
input[type="radio"]:checked:after {
background: #eb3807;
border-radius: 100%;
width: 8px;
height: 8px;
top: 4px;
left: 4px;
}
/* nwdo */
.form-check-input:focus {
box-shadow: none;
}
.checkbox_label {
display: flex;
align-items: center;
}
.checkbox_label span.kvkk_text {
margin-left: 12px;
}
#feedback_state_send {
display: block;
margin: 0 auto;
}
#sikayet_table {
}
#sikayet_table tr {
}
#sikayet_table tr th {
padding: 8px 15px 8px 0;
border-bottom: 1px solid #5483b0;
}
#sikayet_table tr td {
padding: 8px 15px 8px 0;
border-bottom: 1px solid #5483b0;
}
.map {
height: 500px;
}
.p_flex {
display: flex;
align-items: center;
}
.contact_list {
columns: 2;
margin: 0;
padding: 0;
display: block;
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid rgba(0, 75, 147, 1);
}
.contact_list li {
list-style: none;
margin-bottom: 20px;
}
.contact_list li strong {
font-weight: 600;
}
#authorized_service_application_form .form-floating > textarea.form-control {
height: 44px;
}
#authorized_service_application_form .checkbox_label {
justify-content: center;
}
#authorized_service_application_form button[type="submit"] {
margin: 0 auto;
display: block;
}
.kvkk_danger {
text-align: center;
}
.authorized_service_centers {
display: flex;
flex-wrap: wrap;
}
.authorized_service_centers > div {
max-width: calc(25% - 24px);
width: 100%;
margin: 12px;
background: #fff;
padding: 20px;
}
.btn_red_icon,
.btn_red_icon_right,
.btn_red,
.btn_white {
font-size: 16px;
font-weight: 500;
border-radius: 2px;
padding: 14px 24px;
line-height: 1;
text-decoration: none;
transition: all 150ms;
display: inline-block;
border: none;
}
.btn_white {
background-color: #fff;
}
.btn_red_icon,
.btn_red_icon:focus,
.btn_red_icon_right,
.btn_red_icon_right:focus,
.btn_red,
.btn_red:focus {
color: #fff;
background: #eb3807;
}
.btn_white:hover {
background-color: #eb3807;
color: #fff;
}
.btn_red.stacked:not(.collapsed),
.btn_red:hover,
.btn_red.disabled,
.btn_red_icon:hover,
.btn_red_icon.disabled,
.btn_red_icon_right:hover,
.btn_red_icon_right.disabled {
background: #313131;
color: #fff;
}
.btn_red_icon.disabled,
.btn_red_icon_right.disabled,
.btn_red.disabled,
.btn_red:disabled,
.btn_white:disabled {
opacity: 0.5 !important;
}
.btn_red_icon,
.btn_red_icon_right {
position: relative;
padding-right: 2rem;
}
.btn_red_icon::after,
.btn_red_icon_right::after {
content: "";
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
position: absolute;
right: 0.5rem;
top: 50%;
transform: translateY(-50%);
width: 14px;
height: 12px;
background-size: 50%;
background-position: center center;
transition: opacity 0.3s;
}
.btn_red_icon_right {
/* padding-right: 2.5rem; */
}
.btn_red_icon_right::after {
background-image: url('data:image/svg+xml,');
height: 12px;
width: 10px;
background-size: 45%;
}
.btn_black {
border: 1px solid #000;
font-size: 14px;
font-weight: 500;
color: #000;
padding: 16px;
line-height: 1;
transition: all 300ms;
display: inline-block;
text-decoration: none;
}
.btn_black:hover {
background: #000;
color: #fff;
}
.btn_lacivert {
border: 1px solid rgba(0, 75, 147, 1);
font-size: 14px;
font-weight: 500;
color: rgba(0, 75, 147, 1);
padding: 16px;
line-height: 1;
transition: all 300ms;
display: inline-block;
text-decoration: none;
}
.btn_lacivert:hover {
background: rgba(0, 75, 147, 1);
color: #fff;
}
.font_stroke_white {
-webkit-text-stroke-width: 3px;
-webkit-text-stroke-color: white;
color: transparent;
}
.font_stroke_black {
-webkit-text-stroke-width: 3px;
-webkit-text-stroke-color: #000;
color: transparent;
}
.font_stroke_lacivert {
-webkit-text-stroke-width: 3px;
-webkit-text-stroke-color: rgba(0, 75, 147, 1);
color: transparent;
}
#home_video_product {
position: relative;
}
.products_home {
position: absolute;
left: 40px;
top: 50%;
transform: translate3d(0, -50%, 0);
}
.products_home a {
display: flex;
align-items: center;
color: #fff;
font-size: 14px;
font-weight: 500;
transition: all 300ms;
text-decoration: none;
margin-bottom: 25px;
}
.products_home a svg.arrow_icon {
width: 0;
transition: all 300ms;
}
.products_home a svg path {
transition: all 300ms;
}
.products_home a svg:last-child {
transition: all 300ms;
}
.products_home a span {
margin-left: 18px;
}
.products_home a:hover svg.arrow_icon {
width: 20px;
margin-right: 10px;
}
.products_home a:hover svg path {
fill: #fff;
}
#column_553113 > div {
background: rgba(0, 75, 147, 1);
padding: 24px;
}
#column_553113 .social_links {
justify-content: flex-start;
margin-left: -10px;
margin-right: -10px;
}
.news_grid_cont {
display: flex;
flex-wrap: wrap;
margin: -12px;
}
.news_grid_cont a {
display: block;
max-width: calc((100% / 4) - 24px);
width: 100%;
margin: 12px;
text-decoration: none;
background: #fff;
transition: all 300ms;
position: relative;
}
.news_grid_cont a .item_img {
position: relative;
overflow: hidden;
height: 234px;
display: block;
}
.news_grid_cont a .item_img img {
position: absolute;
max-width: initial;
max-height: 100%;
height: 100%;
left: 50%;
top: 50%;
transform: translate3d(-50%, -50%, 0);
}
.news_grid_cont a .item_info {
padding: 18px 12px;
background: #fff;
min-height: 150px;
display: block;
transition: all 300ms;
}
.news_grid_cont a .item_date {
display: block;
font-size: 14px;
color: rgba(143, 143, 143, 1);
transition: all 300ms;
}
.news_grid_cont a .item_title {
display: block;
margin-top: 12px;
margin-bottom: 20px;
color: rgba(45, 45, 45, 1);
font-size: 16px;
font-weight: 400;
transition: all 300ms;
}
.news_grid_cont a .more_info {
opacity: 0;
transition: all 300ms;
color: #fff;
display: flex;
align-items: center;
margin-top: 10px;
position: absolute;
bottom: 18px;
left: 12px;
}
.news_grid_cont a .more_info svg {
margin-right: 10px;
transform: translate3d(-50px, 0, 0);
transition: all 300ms;
}
.news_grid_cont a:hover {
background: #0e2d4a;
}
.news_grid_cont a:hover .item_info {
background: #0e2d4a;
transform: translate3d(0, -30px, 0);
}
.news_grid_cont a:hover .item_date {
color: #fff;
}
.news_grid_cont a:hover .item_title {
color: #fff;
}
.news_grid_cont a:hover .more_info {
opacity: 1;
}
.news_grid_cont a:hover .more_info svg {
transform: translate3d(0, 0, 0);
}
#column_home_news .news_grid_cont a {
max-width: calc((100% / 2) - 24px);
}
.hardlight_col {
mix-blend-mode: hard-light;
}
.height_100 {
height: 100%;
}
body.type_product h1 {
font-size: 24px;
color: #fff;
font-weight: 400;
}
body.type_product h1 strong {
font-size: 60px;
color: #fff;
font-weight: 700;
margin-bottom: 5px;
display: inline-block;
}
.grid_pagination {
margin-top: 50px;
}
.grid_pagination ul {
padding: 0;
margin: 0;
display: flex;
align-items: center;
}
.grid_pagination ul li {
list-style: none;
margin: 3px;
}
.grid_pagination ul li a {
display: block;
text-decoration: none;
padding: 3px;
line-height: 1;
}
.news_bg {
height: 380px;
background-image: url("/uploads/images/1686313560_news-bg.jpg");
background-size: cover;
background-position: center;
}
.news_bg h1 {
font-weight: 600;
font-size: 36px;
color: #fff;
margin-top: 30px;
}
.news_bg a {
color: #fff;
font-size: 14px;
font-weight: 400;
display: flex;
align-items: center;
text-decoration: none;
}
.news_bg a svg {
margin-right: 4px;
}
.news_bg .page_date {
color: rgba(143, 143, 143, 1);
font-size: 14px;
font-weight: 400;
display: block;
margin-bottom: 20px;
}
.product_list {
display: flex;
}
.product_list a {
display: flex;
position: relative;
overflow: hidden;
padding: 38px 20px 0;
flex-direction: column;
justify-content: space-between;
background: #929292;
transition: all 300ms;
border-left: 1px solid #fff;
max-width: calc(100% / 7);
width: 100%;
text-decoration: none;
}
.product_list a:first-child {
border-left: 0;
}
.product_list a .product_name {
font-size: 1.4583333333333333vw;
font-weight: 600;
color: rgba(255, 255, 255, 1);
display: block;
white-space: nowrap;
}
.product_list a .product_sub_title {
font-size: 0.9375vw;
font-weight: 300;
color: rgba(255, 255, 255, 1);
display: block;
opacity: 0;
transition: all 300ms;
}
.product_list a img {
transform: translate3d(-50%, 0, 0);
transition: all 300ms;
margin-top: 60px;
max-width: initial;
}
.product_list a:hover .product_sub_title {
opacity: 1;
}
.product_list a:hover {
background: rgba(111, 108, 97, 1);
}
.product_list a:hover img {
transform: translate3d(0, 0, 0);
}
.grecaptcha-badge {
display: none;
}
.productfamily_bg {
height: 260px;
background-image: url("/uploads/images/1686313560_news-bg.jpg");
background-size: cover;
background-position: center;
padding-bottom: 20px;
margin-bottom: 30px;
}
.productfamily_bg h1 {
font-weight: 600;
font-size: 36px;
color: #fff;
margin-top: 30px;
}
.type_productfamily #wrapper .content_wrapper section:last-child {
margin-bottom: 30px;
}
.product_family_row .productfamily_bg {
display: none !important;
}
.p_normal_ul {
padding-left: 10px;
}
#twitter_container {
height: 384px;
overflow: auto;
}
#twitter_container::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 5px;
background-color: #f5f5f5;
}
#twitter_container::-webkit-scrollbar {
width: 4px;
background-color: #f5f5f5;
}
#twitter_container::-webkit-scrollbar-thumb {
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #32a9f9;
}
.r-1q9bdsx {
border-radius: 0;
}
.type_product h1 {
opacity: 0;
z-index: -9999;
display: none;
}
.stack_cont {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 10px;
text-align: center;
}
.stack {
display: grid;
grid-template-columns: 1fr;
}
.stack span {
font-size: 60px;
line-height: 1.2;
color: #fff;
font-weight: 700;
grid-row-start: 1;
grid-column-start: 1;
--stack-height: calc(100% / var(--stacks) - 1px);
--inverse-index: calc(calc(var(--stacks) - 1) - var(--index));
--clip-top: calc(var(--stack-height) * var(--index));
--clip-bottom: calc(var(--stack-height) * var(--inverse-index));
clip-path: inset(var(--clip-top) 0 var(--clip-bottom) 0);
animation: stack 340ms cubic-bezier(0.46, 0.29, 0, 1.24) 1 backwards
calc(var(--index) * 120ms),
glitch 2s ease infinite 2s alternate-reverse;
}
.stack_cont .stack_title {
font-size: 24px;
color: #fff;
font-weight: 400;
line-height: 1.2;
text-align: center;
}
.stack span:nth-child(odd) {
--glitch-translate: 8px;
}
.stack span:nth-child(even) {
--glitch-translate: -8px;
}
@keyframes stack {
0% {
opacity: 0;
transform: translateX(-50%);
text-shadow: -2px 3px 0 red, 2px -3px 0 blue;
}
60% {
opacity: 0.5;
transform: translateX(50%);
}
80% {
transform: none;
opacity: 1;
text-shadow: 2px -3px 0 red, -2px 3px 0 blue;
}
100% {
text-shadow: none;
}
}
@keyframes glitch {
0% {
text-shadow: -2px 3px 0 red, 2px -3px 0 blue;
transform: translate(var(--glitch-translate));
}
2% {
text-shadow: 2px -3px 0 red, -2px 3px 0 blue;
}
4%,
100% {
text-shadow: none;
transform: none;
}
}
.slide_pair_3 {
height: 90vh;
}
.slide_arrows {
padding-left: 60px;
padding-right: 60px;
display: flex;
align-items: center;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
z-index: 2;
}
.slide_pagination {
width: 100%;
text-align: right;
bottom: auto;
margin: 0;
position: relative;
padding-right: 10px;
}
.slide_pagination .swiper-pagination-bullet {
width: 8px;
height: 8px;
margin-left: 8px;
margin-right: 8px;
border-radius: 50%;
background: transparent;
border: 1px solid #ffff;
opacity: 1;
transition: all 200ms;
}
.slide_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #ffffff;
}
.slide_prev {
display: none !important;
width: 40px;
height: 40px;
transition: all 200ms;
}
.slide_next {
display: none !important;
width: 40px;
height: 40px;
transition: all 200ms;
}
.slide_prev.swiper-button-disabled {
opacity: 0;
width: 0;
visibility: hidden;
}
.slide_next.swiper-button-disabled {
opacity: 0;
width: 0;
visibility: hidden;
}
.swiper .swiper-notification {
display: none !important;
}
.type_list {
padding: 0;
margin: 0;
}
.type_list a {
display: block;
padding: 12px 12px;
color: #004b93;
font-size: 16px;
font-weight: 400;
text-decoration: none;
border-bottom: 1px solid #004b93;
transition: all 300ms;
}
.type_list a:hover {
background: #004b93;
color: #fff;
}
.type_slide_header {
display: flex;
align-items: center;
justify-content: space-between;
}
.type_slide_header .slide_buttons {
display: flex;
align-items: center;
}
.type_slider {
}
.type_slider .swiper-slide {
text-decoration: none;
height: 100%;
}
.type_slider .swiper-slide .item_image {
height: 250px;
overflow: hidden;
position: relative;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #f2f2f2;
border-bottom: 0;
}
.type_slider .swiper-slide .item_image img {
max-height: 100%;
}
.type_slider .swiper-slide .item_title {
background: rgba(0, 0, 0, 0.7);
color: #fff;
padding: 12px;
font-size: 16px;
text-decoration: none;
display: block;
min-height: 96px;
}
.type_fh_prev {
width: 50px;
height: 50px;
opacity: 1 !important;
position: static;
left: 0;
top: 50%;
margin: 0;
pointer-events: initial;
}
.type_fh_prev:after {
display: none;
}
.type_fh_prev svg path {
transition: all 300ms;
}
.type_fh_next {
width: 50px;
height: 50px;
opacity: 1 !important;
position: static;
right: 0;
top: 50%;
margin: 0;
pointer-events: initial;
}
.type_fh_next:after {
display: none;
}
.type_fh_next svg path {
transition: all 300ms;
}
.swiper-button-next.type_fh_next.swiper-button-disabled,
.swiper-button-prev.type_fh_prev.swiper-button-disabled {
pointer-events: initial;
}
@media screen and (min-width: 2000px) {
.p_2k {
padding-top: 40px;
}
}
@media screen and (max-width: 1680px) {
}
@media screen and (max-width: 1440px) {
.page_down {
bottom: 30px;
}
.products_home {
transform: translate3d(0, calc(-50% + 50px), 0);
}
.products_home a {
margin-bottom: 15px;
}
}
@media screen and (max-width: 1366px) {
.navbar-expand-lg .navbar-nav li .mega_container .products a img {
margin-top: 30px;
}
}
@media screen and (max-width: 1320px) {
footer section:first-child .col9 {
padding-left: calc(var(--bs-gutter-x) * 0.5);
}
footer section:first-child .col3 {
padding-right: calc(var(--bs-gutter-x) * 0.5);
}
footer section:last-child .col9 {
padding-left: calc(var(--bs-gutter-x) * 0.5);
}
footer section:last-child .col3 {
padding-right: calc(var(--bs-gutter-x) * 0.5);
}
}
@media screen and (max-width: 1200px) {
.product_list {
flex-wrap: wrap;
}
.product_list a {
max-width: 25%;
width: 100%;
}
.product_list a .product_name {
font-size: 20px;
}
.product_list a .product_sub_title {
font-size: 18px;
}
}
@media screen and (max-width: 991px) {
#logo svg {
margin-top: 0;
}
.stack span {
font-size: 48px;
}
.stack_cont .stack_title {
font-size: 20px;
}
.cookie_modal .modal_body {
overflow-y: auto;
padding-bottom: 80px;
max-height: 100vh;
}
.cookie_modal .modal_body.active_setting {
padding-bottom: 130px;
}
.cookie_modal .modal_body button {
display: block;
width: 100%;
}
.cookie_modal .modal_body .cookie_actions {
flex-wrap: wrap;
}
.cookie_modal .modal_body .cookie_actions.active {
position: fixed;
bottom: 0;
width: 100%;
background: #fff;
max-width: calc(100% - 80px);
padding-top: 20px;
padding-bottom: 40px;
}
.cookie_modal .modal_body .cookie_settings.active {
max-height: 1000px;
}
.cookie_modal .modal_body button {
display: block;
width: 100%;
}
.cookie_modal .modal_body button:first-child {
margin-bottom: 10px;
margin-right: 0;
margin-left: 0;
}
.cookie_modal .cookie_close {
position: absolute;
right: 15px;
top: 15px;
display: none;
}
header {
height: 80px;
padding: 0 80px 0 12px;
background: #fff;
}
.head_color_1 header:before {
background: transparent;
}
header #logo svg path {
fill: #fff;
}
#wrapper .content_wrapper {
/* margin-top:80px; */
}
header .second_nav li a svg path {
stroke: rgba(45, 45, 45, 1);
}
header .second_nav li a {
color: rgba(45, 45, 45, 1);
}
header .navbar-toggler span {
background: #fff;
}
.navbar-expand-lg {
align-items: center;
}
.navbar-toggler {
border: 0;
width: 30px;
height: 30px;
padding: 0;
position: absolute;
right: 30px;
top: 50%;
transform: translate3d(0, -50%, 0);
border: 0 !important;
border-radius: 0;
outline: 0 !important;
box-shadow: none !important;
}
.navbar-toggler span {
background: #004b93;
display: block;
height: 2px;
width: 100%;
position: absolute;
left: 0;
top: 50%;
transform: translate3d(0, -3px, 0);
transition: all 200ms;
}
.head_color_1 .navbar-toggler span {
background: #fff;
}
.head_color_1 header.fixed_top .navbar-toggler span {
background: #004b93;
}
header:hover .navbar-toggler span {
background: #004b93;
}
.navbar-toggler span:last-child {
transform: translate3d(0, 3px, 0);
}
.navbar-toggler[aria-expanded="true"] {
}
.navbar-toggler[aria-expanded="true"] span {
transform: translate3d(0, -0, 0) rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] span:last-child {
transform: translate3d(0, 0, 0) rotate(-45deg);
}
.navbar-expand-lg .navbar-collapse {
position: fixed;
top: 0;
right: 0;
transform: translate3d(100vw, 0, 0);
transition: transform 300ms;
height: 100vh;
padding-top: 90px;
margin-top: 0;
width: 100%;
background: #fff;
/* overflow-y: auto; */
padding-left: calc(var(--gap) * 0.75);
padding-right: calc(var(--gap) * 0.75);
}
.navbar-expand-lg .navbar-collapse.show {
transform: translate3d(0, 0, 0);
}
.second_nav {
position: relative;
}
.second_nav li a {
display: flex;
align-items: center;
}
.second_nav li a svg {
margin-right: 4px;
}
#logo {
position: relative;
z-index: 1;
}
.navbar-expand-lg .navbar-nav li .mega_container {
position: relative;
top: 0;
}
.navbar-expand-lg .navbar-nav li a {
color: #1e1e1e;
display: block;
padding: 10px 0;
}
header .navbar-expand-lg .navbar-nav.top_nav li a {
color: #1e1e1e;
}
header.active #logo svg path {
transition-delay: 400ms;
fill: #1e1e1e;
}
header.active .second_nav li a {
color: rgba(45, 45, 45, 0.6);
}
header.active .second_nav li a svg path {
stroke: rgba(45, 45, 45, 0.6);
}
header.active .navbar-toggler span {
background: #000;
}
.navbar-expand-lg .navbar-nav.top_nav li a {
padding: 10px 0;
}
.navbar-expand-lg .navbar-nav li .sub_menu_cont {
position: relative;
}
.navbar-expand-lg .navbar-nav li:hover .mega_container {
max-height: 0;
}
.navbar-expand-lg .navbar-nav li:hover .sub_menu_cont {
max-height: 0;
padding-bottom: 0;
}
.navbar-expand-lg .navbar-nav li.mega_active .mega_container {
max-height: 100vh;
overflow-y: auto;
}
.navbar-expand-lg .navbar-nav li.mega_active .sub_menu_cont {
max-height: 100vh;
padding-bottom: 10px;
}
.navbar-expand-lg .navbar-nav li .mega_container .products {
flex-wrap: wrap;
}
.navbar-expand-lg .navbar-nav li .mega_container .products a {
max-width: 100%;
display: flex;
align-items: center;
flex-direction: row;
justify-content: flex-start;
border-left: 0;
padding: 10px 12px;
}
.navbar-expand-lg .navbar-nav li .mega_container .products a img {
display: none;
transform: translate3d(0, 0, 0);
}
.navbar-expand-lg
.navbar-nav
li
.mega_container
.products
a
img.cover_icon {
display: block;
margin-right: 10px;
margin-top: 0;
margin-left: 0;
}
.navbar-expand-lg
.navbar-nav
li
.mega_container
.products
a
.product_sub_title {
opacity: 1;
}
/* footer .col9 {
width: 100%;
}
footer .col3 {
width: 100%;
} */
.footer_products_menu li {
margin: 0 10px;
}
.social_links {
justify-content: center;
margin-top: 20px;
}
.footer_products_menu {
justify-content: center;
}
footer section:last-child .col9 {
justify-content: center;
flex-wrap: wrap;
}
footer section:last-child .col3 img {
float: none !important;
display: block;
margin: 20px auto 0;
}
.footer_menu {
flex-wrap: wrap;
}
.news_grid_cont a {
max-width: calc((100% / 3) - 24px);
}
body.head_color_2 #wrapper .content_wrapper {
margin-top: 80px;
}
.product_list a .product_sub_title {
font-size: 12px;
}
.product_list a .product_name {
}
.navbar-expand-lg .navbar-nav li .mega_container .products a .product_name {
font-size: 18px;
}
.navbar-expand-lg
.navbar-nav
li
.mega_container
.products
a
.product_sub_title {
font-size: 14px;
}
.authorized_service_centers > div {
max-width: calc(50% - 24px);
}
#wrapper .product_family_row .content_wrapper {
margin-top: 0;
}
}
@media screen and (max-width: 640px) {
.btn_red,
.btn_white {
padding-left: 0.85rem;
padding-right: 0.85rem;
font-size: 14px;
}
.social_links li a img {
height: 25px;
}
.products_home {
display: none;
}
.product_family_row:before {
display: none;
}
#home_video_product {
}
.news_grid_cont a {
max-width: calc(100% - 24px);
}
#column_home_news .news_grid_cont a {
max-width: calc(100% - 24px);
}
.product_list a {
max-width: 100%;
width: 100%;
border-left: 0;
}
.product_list a img {
transform: translate3d(0, 0, 0);
}
.product_list a .product_sub_title {
opacity: 1;
}
.page_down {
position: relative;
bottom: 30px;
}
body.type_product h1 {
font-size: 18px;
}
body.type_product h1 strong {
font-size: 36px;
}
body.type_product .page_down {
bottom: 30px;
}
.nav-pills .nav-link {
font-size: 16px;
}
ul.column_2 {
columns: 1;
}
.vertical_tabs .d-flex {
flex-wrap: wrap;
}
.nav-pills {
margin-right: 0;
flex-wrap: nowrap;
display: flex;
flex: auto;
}
.nav-pills .nav-link {
padding: 10px 20px 10px 20px;
}
.vertical_tabs .tab-content {
padding-top: 20px;
}
.col_auto {
flex: 0 0 50%;
max-width: 50%;
width: 100%;
}
.mobile_justify_center .row {
justify-content: center;
}
.vehicle_spec .f_s_24 {
font-size: 20px;
}
.slide_gallery_height .swiper-slide {
width: 100%;
padding: 0;
}
.gallery_fh_prev {
left: 0;
}
.gallery_fh_next {
right: 0;
}
.tagline_c_t_l .tagline_module .tagline_content {
padding: 20px;
position: relative;
transform: translate3d(0, 0, 0) !important;
top: 0;
}
.tagline_c_t_l .tagline_module .tagline_bg_image {
height: 170px;
background-position: center !important;
background-size: cover !important;
position: relative;
}
.f_s_60 {
font-size: 36px;
}
.f_s_48 {
font-size: 36px;
}
.f_s_40 {
font-size: 36px;
}
.p_l_mobile_0 {
padding-left: 12px !important;
}
.accordion-button {
font-size: 16px;
}
.accordion-button:not(.collapsed) {
font-size: 16px;
}
.contact_list {
columns: 1;
}
.authorized_service_centers > div {
max-width: calc(100% - 24px);
}
.footer_products_menu {
justify-content: flex-start;
}
.footer_products_menu li {
max-width: calc(50% - 20px);
width: 100%;
margin-bottom: 15px;
}
.footer_products_menu li:first-child {
margin-left: 10px;
}
.footer_menu {
justify-content: center;
}
.footer_menu li {
margin: 5px 5px;
}
.product_families_list {
display: flex;
align-items: center;
overflow-y: scroll;
}
.product_families_list li {
max-width: 300px;
width: 100%;
margin-right: 15px;
}
.product_families_list li a {
width: 190px;
}
.family_info_cont {
position: relative;
top: 0;
right: auto;
left: 0;
max-width: 100%;
display: none;
}
.family_info_cont.active {
display: block;
}
.product_family_row {
min-height: initial !important;
}
.family_info_btn:hover path:first-child {
fill: transparent;
stroke: #fff;
}
.family_info_cont .family_info {
padding: 20px;
}
.slide_gallery_height .swiper-slide a {
display: flex;
align-items: center;
height: 100%;
}
.slide_gallery_height .swiper-slide a img {
height: auto;
}
.news_grid_cont a .item_img {
height: 264px;
}
}
img.hero-img {
max-height: 36vh;
}
.f_s_12 {
font-size: 12px;
}
.lined_p {
border-bottom: 1px solid rgba(118, 118, 118, 0.25);
}
.centered-row .row {
justify-content: center;
}
.around-row .row {
display: flex;
justify-content: space-evenly;
}
.between-row .row {
display: flex;
justify-content: space-between;
}
@media screen and (min-width: 768px) {
.centered-row:not(.nogap) .row,
.around-row:not(.nogap) .row {
gap: var(--bs-gutter-x);
}
.around-row .col6,
.around-row:not(.no-resize) .col5 {
flex-basis: calc(50% - clamp(0px, 4rem, 9999px)) !important;
}
.around-row:not(.no-resize) .col4 {
flex-basis: calc(33.33333333% - clamp(0px, 3rem, 9999px)) !important;
}
}
@media screen and (max-width: 768px) {
.centered-row:not(.nogap) .row,
.around-row:not(.nogap) .row {
gap: var(--bs-gutter-x);
}
.around-row:not(.no-resize) .col5 {
gap: var(--bs-gutter-x);
flex-basis: calc(100% - clamp(0px, 3rem, 9999px)) !important;
}
.around-row:not(.no-resize) .col4 {
gap: var(--bs-gutter-x);
flex-basis: calc(100% - clamp(0px, 3rem, 9999px)) !important;
}
}
.grid-button-end {
display: grid;
}
.grid-button-end *:last-child {
align-self: end;
justify-self: center;
flex: 1;
}
/* Custom File Uploader Styles */
.custom-file-uploader .file-drop-area {
cursor: pointer !important;
transition: border-color 0.2s, background 0.2s;
background: #fafbfc;
min-height: 56px;
}
.custom-file-uploader .file-drop-area:hover {
border-color: #ff4d1f;
background: #fff6f2;
cursor: pointer !important;
}
.custom-file-uploader .file-icon svg {
color: #eb3807;
}
.custom-file-uploader .file-message.selected {
color: #212529;
font-weight: 500;
}
.custom-file-uploader .file-message {
transition: color 0.2s, font-weight 0.2s;
}
.custom-file-uploader .btn-outline-danger {
padding: 0.25rem 0.75rem;
font-size: 0.9rem;
}
.custom-file-uploader .file-drop-area.is-invalid {
border-color: #eb3807;
}
.custom-file-uploader .invalid-feedback {
color: #eb3807;
font-size: 0.95em;
margin-top: 0.25rem;
}
/* Fix for form-floating with input-group (Current Price Paid field) */
.input-group > .form-floating:not(:first-child) > label,
.input-group > .form-floating:not(:last-child) > label {
z-index: 3;
left: 0.75rem;
top: 0.25rem;
transform: scale(0.85) translateY(-1.2rem) translateX(0.5rem);
background: #fff;
padding: 0 0.25rem;
pointer-events: none;
opacity: 1;
width: auto;
}
.input-group > .form-floating > label {
z-index: 3;
left: 0.75rem;
top: 0.25rem;
transform: scale(0.85) translateY(-1.2rem) translateX(0.5rem);
background: #fff;
padding: 0 0.25rem;
pointer-events: none;
opacity: 1;
width: auto;
}
.input-group > .form-floating > .form-control:focus ~ label,
.input-group > .form-floating > .form-control:not(:placeholder-shown) ~ label {
color: #767676;
background: #fff;
opacity: 1;
}
.input-group > .form-floating > .form-control {
padding-top: 1.5rem;
padding-bottom: 0.5rem;
}
.input-group > .form-floating > .form-select {
padding-top: 1.5rem;
padding-bottom: 0.5rem;
}
/* Ek: form-floating-group içindeki input-group'un diğer inputlarla aynı görünmesi için */
.form-floating-group .input-group > .form-control,
.form-floating-group .input-group > .form-select {
height: 56px !important;
min-height: 56px !important;
padding-top: 1.125rem !important;
padding-bottom: 1.125rem !important;
font-size: 16px !important;
line-height: 1.5 !important;
border-radius: 0 !important;
box-shadow: 0px 1px 1px rgba(16, 24, 40, 0.05);
background: #fff;
color: #212529;
}
.form-floating-group .input-group > .form-control:focus,
.form-floating-group .input-group > .form-select:focus {
border: 2px solid rgba(128, 128, 128, 1);
box-shadow: none;
background: #fff;
color: #212529;
}
.form-floating-group .input-group > .form-select {
min-width: 90px;
max-width: 120px;
}
.form-floating-group .input-group > .form-control::placeholder,
.form-floating-group .input-group > .form-select::placeholder {
color: transparent;
}
.currency-select {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right 1rem center;
background-size: 1.25em 1.25em;
padding-right: 2.5em;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0 !important;
}
/* Mobil arama inputu özel stili */
.mobile-search-input {
background: #fff;
border: 1px solid #bbb;
border-radius: 10px;
font-size: 18px;
padding: 12px 20px;
color: #222;
transition: border-color 0.2s, box-shadow 0.2s;
}
.mobile-search-input:focus {
border-color: #222;
box-shadow: 0 2px 12px rgba(235, 56, 7, 0.15);
outline: none;
}
.mobile-search-btn {
background: #eb3807;
border: none;
border-radius: 50%;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
margin-left: 8px;
transition: background 0.2s;
}
.mobile-search-btn:hover,
.mobile-search-btn:focus {
background: #b52a05;
}
/* Search Page Custom Styles */
.search-input-custom:focus {
border-color: #eb3807;
box-shadow: 0 0 0 0.2rem rgba(235, 56, 7, 0.15);
}
.btn-search-custom:hover,
.btn-search-custom:focus {
background: #000;
color: #fff;
}
.search-result-card {
transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s;
border: 1.5px solid #e9ecef;
}
.search-result-card:hover {
box-shadow: 0 4px 24px rgba(235, 56, 7, 0.1);
border-color: #eb3807;
transform: translateY(-2px) scale(1.01);
}
.search-result-card .card-title {
color: #000 !important;
transition: color 0.2s;
}
.search-result-card:hover .card-title {
color: #eb3807 !important;
}
.search-result-card img {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.card-hover-link {
cursor: pointer;
}
/* Scroll ve taşmayı engelle */
/*.search_section,
.content_wrapper,
.container,
.row,
.search_container {
overflow-y: visible !important;
height: auto !important;
max-height: none !important;
}*/