/* ==========================================================================
   Akonizo – style-single.final.css
   Created by Gemini
   ========================================================================== */

/* 1) Base ----------------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css?family=Raleway:200,300,600,700&display=swap");

:root{ --body-fs:14px; --body-lh:1.5; --title-gap:20px; }

html, body{ height:100%; overflow-x:hidden; }
body{ font-family:"Raleway", Helvetica, Arial, sans-serif; font-size:var(--body-fs); line-height:var(--body-lh); font-weight:200; letter-spacing:.075em; color:#333; background:#fff; }

a{ color:#000; transition:all .2s ease-in-out; }
a:hover{ color:#000; }
a, a:hover, a:active, a:focus, button:focus{ outline:0; border:0; text-decoration:none; }

h1,h2,h3,h4,h5,h6{ font-family:"Raleway", sans-serif; font-weight:700; text-transform:uppercase; margin:0 0 var(--title-gap); }

/* 2) Header --------------------------------------------------------------- */
#header .navbar{ min-height:20px; margin-bottom:0; border-radius:0; }
.st-navbar{ background:#fff; border-bottom:1px solid #f0f0f0; }
.st-navbar .navbar-header{ margin-top:25px; }
.st-navbar .navbar-toggle .icon-bar{ background:#000; }
.st-navbar .navbar-toggle{ margin-top:7px; margin-right:25px; padding:0; border-radius:0; }
.st-navbar ul{ margin-top:5px; }
.st-navbar ul li a{ text-transform:uppercase; font-weight:600; padding:0; margin:14px; }
.st-navbar ul li a:hover, .st-navbar ul li a:focus{ background:transparent; color:#000; }

/* 3) Slider --------------------------------------------------------------- */
/* Increased margin-top from 20px to 80px to prevent the fixed navbar from covering the top of the carousel (and the logo) */
#slider{ margin-top:80px; }
#home-carousel{ position:relative; overflow:hidden; }
#home-carousel .item{ position:relative; background-position:center top; background-repeat:no-repeat; background-size:cover; width:100%; min-height:clamp(280px,45vh,650px); }
#home-carousel .item:before{ content:""; position:absolute; inset:0; background:#000; opacity:.5; }

/* Caption: keep 27.5pt clear at the bottom; centre vertically */
.carousel-caption{ position:absolute; left:15px; right:15px; top:0; bottom:27.5pt; transform:none; display:flex; flex-direction:column; justify-content:center; color:#fff; text-align:left; }

/* Reduced font-size clamp to prevent text cutting off on large screens (1700px+) */
/* Old: clamp(19px,3.8vw,81px) -> New: clamp(19px,2.5vw,55px) */
.carousel-caption h1{ font-weight:100; letter-spacing:2px; line-height:1.05; font-size:clamp(19px,2.5vw,55px); margin:0 0 12px; }
.carousel-caption p{ font-size:clamp(16px,1.6vw,23px); margin:0; }

/* Controls: keep inside bounds to avoid horizontal scroll */
.home-carousel-left,.home-carousel-right{ background:#f0f0f0; color:#000; font-size:32px; height:40px; width:32px; line-height:40px; position:absolute; top:50%; margin-top:-20px; text-align:center; z-index:2; opacity:.85; transition:opacity .2s; }
.home-carousel-left{ left:10px; } .home-carousel-right{ right:10px; }
#home-carousel:hover .home-carousel-left,#home-carousel:hover .home-carousel-right{ opacity:1; }

/* Logo pinned top‑right with padding. Adjusted top to 20px and ensuring high z-index */
#home-carousel .carousel-caption .logo{ position:absolute; right:10pt; top:20px; z-index:10; width:clamp(48px,8vw,106px); height:auto; }

/* 4) Sections – unified spacing & alignment ------------------------------- */
/* Compact by default: 36pt vertical, 18pt sides; centred content */
#ak-info{ background:#fff; }
#ak-info .ak-info{ padding:36pt 18pt; text-align:center; }

#about-us{ background:#f5f5f5; }
#about-us .about-us{ padding:36pt 18pt; text-align:center; }
#about-us .about-us .btn-send{ display:inline-block; margin-bottom:5px; }

#contact{ padding:36pt 18pt; text-align:center; }
#contact .section-title{ margin:0 0 var(--title-gap); text-align:center; }
#contact .contact-info{ text-align:center; float:none; margin:0 auto; }
/* If older CSS zeroed the container padding, undo that so sides match */
#contact .container{ padding-left:inherit; padding-right:inherit; }

.contact-info .contact-content{ margin-bottom:30px; }
.contact-info p{ margin-bottom:20px; }
.contact-info p i{ font-size:16px; margin-right:10px; }

/* 5) Footer --------------------------------------------------------------- */
#footer{ background:#262626; color:rgba(255,255,255,.4); padding:40px 0; }
#footer a{ color:rgba(255,255,255,.4); } #footer a:hover{ color:#fff; }
.scroll-up{ position:fixed; display:none; z-index:999; bottom:1.8em; right:1.8em; }
.scroll-up a{ background:#fff; display:block; width:40px; height:40px; text-align:center; color:#000; font-size:20px; line-height:38px; box-shadow:0 0 6px #ccc; }
.scroll-up a:hover,.scroll-up a:active{ background:#f5f5f5; color:#000; }

/* 6) Responsive touch‑ups ------------------------------------------------- */
@media (max-width:991px){ #ak-info .ak-info,#about-us .about-us,#contact{ padding-left:18pt; padding-right:18pt; } }
@media (max-width:767px){ #home-carousel .item{ min-height:300px; } .footer-social-icons,.copyright{ text-align:center; } .scroll-up{ display:none !important; } }

/* 7) Desktop gutters only (>=1200px) ------------------------------------- */
@media (min-width:1200px){
  /* Excluded #contact from this rule to prevent the huge padding from squeezing the fixed-width .container inside it */
  #ak-info .ak-info,#about-us .about-us{ padding-top:36pt; padding-bottom:36pt; padding-left:270pt; padding-right:270pt; }
  /* #contact .container override removed as it is no longer needed */
}

/* 8) Carousel behaviour (Bootstrap 3 compatible) ------------------------- */
#home-carousel .carousel-inner{ position:relative; overflow:hidden; background-color:#000; }
#home-carousel .carousel-inner > .item{ display:none; position:relative; -webkit-transition:.6s ease-in-out left; transition:.6s ease-in-out left; left:0; }
#home-carousel .carousel-inner > .active,#home-carousel .carousel-inner > .next,#home-carousel .carousel-inner > .prev{ display:block; }
#home-carousel .carousel-inner > .next,#home-carousel .carousel-inner > .prev{ position:absolute; top:0; width:100%; }
#home-carousel .carousel-inner > .next{ left:100%; }
#home-carousel .carousel-inner > .prev{ left:-100%; }
#home-carousel .carousel-inner > .active.left{ left:-100%; }
#home-carousel .carousel-inner > .active.right{ left:100%; }
#home-carousel .carousel-inner > .next.left,#home-carousel .carousel-inner > .prev.right{ left:0; }

/* Seamless slide */
#home-carousel .carousel-inner > .item,#home-carousel .carousel-inner > .next,#home-carousel .carousel-inner > .prev{ -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }