/* ========================================================= i18n — Georgian font stack Applied only when (i.e. GE pack active). Latin/English layout uses the original Arial-based stack. ========================================================= */ html[lang="ka"] body, html[lang="ka"] input, html[lang="ka"] textarea, html[lang="ka"] select, html[lang="ka"] button, html[lang="ka"] .vin-input, html[lang="ka"] p, html[lang="ka"] h1, html[lang="ka"] h2, html[lang="ka"] h3, html[lang="ka"] h4, html[lang="ka"] h5, html[lang="ka"] h6 { font-family: 'Noto Sans Georgian', 'BPG Arial', 'FiraGO', Arial, sans-serif; } /* Language switcher dropdown */ .lang-switch .dropdown-menu { min-width: 60px; } .lang-switch .dropdown-menu > li > a { padding: 6px 14px; text-align: center; font-weight: 700; letter-spacing: 1px; } .logo img{ height: 9rem !important; margin-top:-1.3rem !important; } .vin-search-wrap{ display: flex; align-items: stretch; width: 100%; max-width: 100%; gap: 0; } .vin-search-wrap .vin-input{ flex: 1 1 auto; min-width: 0; height: 48px; border-radius: 3px 0 0 3px; box-shadow: none; } .vin-search-wrap .vin-btn{ flex: 0 0 auto; height: 48px; padding: 0 24px; border-radius: 0 3px 3px 0; white-space: nowrap; background: #25303a; border-color: #25303a; color: #fff; font-weight: 700; text-transform: uppercase; } .vin-search-wrap .vin-btn:hover, .vin-search-wrap .vin-btn:focus{ transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; background: #78bfa4 ; border-color: #78bfa4; color: #fff; outline: none; box-shadow: none; } .vin-search-wrap .vin-input:focus{ box-shadow: none; } /* tablet */ @media (max-width: 991px){ .vin-search-wrap .vin-btn{ padding: 0 18px; font-size: 13px; } } /* mobile */ @media (max-width: 767px){ .vin-search-wrap{ flex-direction: column; } .vin-search-wrap .vin-input{ width: 100%; border-radius: 3px; margin-bottom: 10px; } .vin-search-wrap .vin-btn{ width: 100%; border-radius: 3px; padding: 0 15px; } } .btn-form1-submit1{ background-image: none !important; } .btn-form1-submit1:before, .btn-form1-submit1:after{ content: none !important; display: none !important; } /*========================================*/ .vin-input{ text-transform: uppercase; font-weight: 700; letter-spacing: 1px; } .vin-input::placeholder{ text-transform: uppercase; font-weight: 700; } .vin-input.error{ border-color: #78bfa4; box-shadow: none; } .vin-error{ margin-top: 8px; font-size: 12px; font-weight: 700; color: #78bfa4; display: none; } .thumb1 .caption .txt3, p{ outline: none; font-size: 1.5rem !important; line-height: 2.75rem; font-family: Arial; } .slogan{ color: #78bfa4; line-height: 2rem; font-weight: 600; } .thumb1 .thumbnail{ box-shadow: 0 5px 6px -4px rgba(0, 0, 0, 0.18); } .thumb1:hover .thumbnail{ background: rgba(255,255,255,0.8) ; box-shadow: 0 5px 6px -4px rgba(0, 0, 0, 0.18); } .h-30{ height: 20rem !important; border-bottom: 1px solid #eee; } .mb-3{ margin-bottom: 10rem; } /*=====================================*/ .services-row{ display: flex; flex-wrap: wrap; } .services-row .service-col{ margin-bottom: 50px; display: flex; } .services-row .service-card{ width: 100%; height: 100%; } .services-row .service-card .caption{ height: 100%; display: flex; flex-direction: column; padding: 10px 6px; background: #fff; box-shadow: 0 5px 6px -6px rgba(0, 0, 0, 0.18); } .services-row .service-card .txt1{ margin-bottom: 0px; } .services-row .service-card .txt2{ margin-bottom: 0; min-height: 12px; } .services-row .service-card .txt3{ flex-grow: 1; margin-bottom: 20px; } .services-row .service-card .link{ margin-top: auto; } .services-row .service-card .link .btn4{ display: inline-block; } @media (max-width: 991px){ .services-row .service-card .txt2{ min-height: auto; } } h1.title{ font-weight: 600 !important; margin-bottom: 5rem; padding: 0 30px; font-size: 2rem !important; text-transform: uppercase; } h1.title2{ font-weight: 600 !important; margin-bottom: 5rem; padding: 0 15px; font-size: 2rem !important; text-transform: uppercase; } h1.title span:before{content: ''; display: block; width: 4px; height:24px ; background: #1c2931; position: absolute; left: 15px; top: 15px;} .title_line span{ display: block; padding-left: 15px; font-size: 1.5rem !important; color:#1c2931; margin-bottom: 3rem } .title_line span:before{content: ''; display: block; width: 4px; height:24px ; background: #1c2931; position: absolute; left: 15px; top: 0;} .contact-wrapper .txt2 span{ padding: 0 2rem 0 0 } .contact-wrapper .txt2{ font-size: 1.5rem; margin-bottom: 1rem; font-weight: normal !important;; color: #333; } .register1 a{ padding: 1rem 2rem; color: #1c2931; background: white; text-decoration: none; border: 1px solid #78bfa4 !important; } .register1:hover a{ transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; background-color: #78bfa4 !important; color: white !important; border: 1px solid #78bfa4 !important; } *, a{ outline: none !important; } .sf-menu li a{ font-weight: 700; letter-spacing: 1px; text-transform: uppercase; outline: none !important; }