/* azgrad.lv - 1:1 statiska kopija no Mono (siteId 1187879). Dizaina vertibas
   izgutas no Mono lapas CSS (05_raw/page-css.css) + computed styles. */

:root{
  --navy:#2d3162;
  --navy-97:rgba(45,49,98,.97);
  --green:#8ec447;
  --grey-dark:#5b5b5b;
  --grey-mid:#757575;
  --grey-light:#f2f2f2;
  --text:#606060;
  --text-soft:rgba(0,0,0,.6);
  --link:#443adf;
  --white:#fff;
  --container:1170px;
  --sans:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --roboto:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);font-size:16px;font-weight:400;line-height:1.2em;color:var(--text);background:#fff}
img{max-width:100%;height:auto;border:0}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,p,ul{margin:0;padding:0}
ul{list-style:none}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--green);outline-offset:2px}

/* ---------- resns ---------- */
.row{padding:100px 0 60px;position:relative}
.container{max-width:var(--container);margin:0 auto;width:100%}
.container-fluid{max-width:none}
.grid{display:flex;flex-wrap:wrap;margin:0}
.col{padding:0 15px;min-width:0}
.c2{width:16.6667%}.c10{width:83.3333%}.c3{width:25%}.c4{width:33.3333%}.c5{width:41.6667%}
.c7{width:58.3333%}
.hidden-sm{}.c8{width:66.6667%}.c9{width:75%}.c12{width:100%}

/* ---------- tipografija ---------- */
.spottext{font-size:32px;line-height:1.25em;color:var(--white);text-align:left;margin-bottom:30px;font-weight:400}
/* Mono .custom1 NEUZstāda line-height -> parmanto body "1.2em" jau izrekinatu ka 19.2px.
   Tapec H1/H2 rindas kaste ir 19.2px, nevis 1.2x35px. Nemaini uz 1.2em. */
.custom1{color:var(--navy);font-size:35px;font-weight:800;text-align:center;margin:0 0 30px;line-height:19.2px}
.custom1.on-navy{color:var(--white)}
.custom2{color:var(--white);font-size:19px;line-height:1.2em;text-align:left;margin-left:25px;padding:30px 0}
.custom3{color:var(--text-soft);line-height:1.45em}
.custom4{font-size:22px;color:var(--navy);font-weight:400;line-height:1.4em}
.custom5{color:var(--white);font-size:18px;font-weight:300}
.custom5 a{color:var(--white)}
.preamble{font-family:var(--roboto);font-size:19px;line-height:1.4em;margin-bottom:5px;text-align:center;color:var(--text-soft)}
.lightpreamble{color:var(--white);font-size:16px;line-height:1.5em;font-weight:300}
.lightsubtitle{font-family:var(--roboto);font-size:18px;color:var(--white);text-align:center;line-height:1.4em;font-weight:300}
.lightsmalltext{color:var(--white);text-transform:uppercase;font-size:20px}
.footertext{font-size:14px;line-height:1.6em;margin-bottom:5px;color:var(--white);text-align:center}
.footertext a{color:var(--white)}
strong,b{font-weight:700}

.divider{display:block;width:65%;margin:0 auto;border-top:1px dotted var(--navy);padding-bottom:28px}
.divider.light{border-top-color:var(--white)}

/* ---------- galvene ---------- */
.site-header{background:var(--navy);padding:25px 0}
.site-header .grid{align-items:center}
.brand{display:inline-block;max-width:50%;margin:5px 0}
.brand img{display:block;width:113px;height:auto}
/* Mono: .cc_inline{float:right} -> vizuali apgriez DOM seciibu (DOM: pasts, talrunis,
   atrasanas vieta; ekrana: atrasanas vieta, talrunis, pasts). Kopija: row-reverse.
   row-reverse gadijuma flex-start = LABAIS mals. */
.headinfo{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;
  flex-direction:row-reverse;gap:0 50px}
.hi p{display:flex;align-items:center;gap:8px}
.ico{width:1em;height:1em;flex:none;fill:currentColor}

/* ---------- hero ---------- */
.row.hero{background-image:url("img/azgrad-promo2.webp");background-repeat:no-repeat;background-position:50% 0;background-size:cover;background-attachment:scroll;padding-top:150px;padding-bottom:280px}
.hero .grid{align-items:flex-start}
.hero-right{display:flex;flex-direction:column;justify-content:space-between;align-self:stretch}
.hero-list{margin-left:-15px}
.hero-list li{margin-bottom:0}
/* Mono: p.bodytext.listItem kastes augstums 39px (strut 1.6em + itemLabel 1.7em) + 5px margin
   = 44px starp punktiem. Flex nomet strut, tapec margins 10px. */
.hero-list .item{display:flex;align-items:flex-start;margin-bottom:10px}
.hero-list .listIcon{color:var(--green);font-size:20px;width:40px;height:30px;flex:none;display:flex;align-items:flex-start;justify-content:flex-start}
.hero-list .listIcon svg{width:.6em;height:1em;fill:currentColor}
.hero-list .itemLabel{color:var(--white);font-size:20px;line-height:1.7em;font-weight:300}
.button2{display:table;align-self:flex-start;font-size:18px;line-height:1em;border-radius:3px;color:var(--white);padding:20px 30px;background:var(--navy);text-transform:uppercase;text-align:left;font-weight:300;border:0;margin:0 0 12px;cursor:pointer}
.button2:hover{background:var(--green);text-decoration:none}

/* ---------- CTA josla + hero forma ---------- */
.row.ctaband{padding:0 30px;margin-top:-155px;margin-bottom:100px;position:relative;z-index:2}
.col.cta-green{background:var(--green);padding-top:25px;padding-bottom:25px;border-radius:3px 3px 0 0}
.cta-green .lightsmalltext{padding-left:20px;display:flex;align-items:center;gap:10px}
.cta-green .ico{width:23px;height:23px}
.col.cta-text{padding-left:26px;display:flex;flex-direction:column;justify-content:center}
.col.cta-form-wrap{background:var(--navy);padding:0 30px;border-radius:0 3px 3px 3px}

/* ---------- formas ---------- */
.form{margin:0}
/* Mono: .fields{margin:0 -1.5%} + .field{padding:0 1.5%}, procenti pret .fields platumu.
   Grid item padding procentus rekina pret SAVU sunu, tapec te renu liekam ka column-gap:
   2 x 1.5% no 1.03 x formas platuma = 3.09%. Rezultats identisks Mono. */
.form .fields{display:grid;grid-template-columns:repeat(3,1fr);row-gap:0;column-gap:3.09%}
.form .field{grid-column:span 3}
.form .field.w33{grid-column:span 1}
.form input[type=text],.form input[type=email],.form input[type=tel],.form textarea{
  width:100%;border:0;border-radius:3px;color:var(--grey-mid);font-size:20px;font-family:var(--sans);
  padding:15px 20px;margin:0 0 35px;background:#f8f8f8;display:block;line-height:15px;height:37px}
.form textarea{background:#fff;height:100px;resize:vertical;line-height:normal}
.hero-form .form textarea{height:200px}
.form ::placeholder{color:var(--grey-mid);opacity:1}
.form .submit{margin:0;background:var(--grey-mid);color:var(--white);padding:20px 40px;font-size:18px;
  text-transform:uppercase;border:0;border-radius:3px;font-family:var(--sans);cursor:pointer;line-height:1}
.form .submit:hover{background:#5b5b5b}
.form .submit[disabled]{opacity:.6;cursor:default}
.veiled{position:absolute;left:-9999px;height:0;overflow:hidden}
.form-status{margin:14px 0 0;font-size:16px;line-height:1.5}
.form-status.ok{color:#1f7a1f}
.form-status.err{color:#c0392b}
.cta-form-wrap .form-status.ok,.cta-form-wrap .form-status.err{color:var(--white)}
.hero-form{padding:60px 0;margin-bottom:20px}

/* ---------- sadalas ---------- */
.row.sec-grey{background:var(--grey-light);padding-bottom:100px}
.row.sec-services{background:var(--navy-97);padding:100px 15px;padding-bottom:100px}
/* Mono: katram H2 un atdalitajam savs modula margins. Mobilaja NE visiem vienadi. */
.sec-title,.sec-title-60{margin-bottom:60px}
.divider.div-about{margin-bottom:40px}
.divider.div-services{padding-bottom:40px;margin-bottom:40px}
.divider.div-blower{margin-bottom:40px}
.divider.div-prices{margin-top:45px;margin-bottom:45px}
.divider.div-contacts{margin-bottom:45px}

.services .grid{justify-content:center}
.col.service{padding:0 5px;text-align:center}
.service img{display:block;margin:0 auto 20px}

/* ---------- cenas ---------- */
.row.prices{background:var(--grey-light);padding-bottom:100px}
.ptable{display:flex;flex-wrap:wrap}
.pname{width:66.6667%;background:var(--navy);border-bottom:1px solid var(--grey-mid)}
.pprice{width:33.3333%;background:var(--grey-dark);border-bottom:1px solid var(--grey-mid)}
.ptable>:nth-child(1){border-top-left-radius:3px}
.ptable>:nth-child(2){border-top-right-radius:3px}
.ptable>:nth-last-child(2){border-bottom-left-radius:3px}
.ptable>:nth-last-child(1){border-bottom-right-radius:3px}
.anchor{position:absolute;top:0;left:0}

/* ---------- kontakti ---------- */
.row.contacts{padding-top:75px}
.contacts .col.c-info{padding-top:45px}
.contacts h3{margin-bottom:20px}
.contacts h3+h3,.contacts .mt45{margin-top:45px}
.social{display:flow-root;margin-top:0}
.social a{float:left}
.social a.fb{margin:2px 30px 0 -4px;max-width:10%}
.social a.gmb{max-width:9%}
/* Mono: #c3328 PATS ir kolonna ar zalo fonu un 35px paddingu (nomaina .col 15px) */
.col.contact-form-wrap{background:var(--green);padding:45px 35px 65px;border-radius:3px}
.contact-form-wrap .form-intro{margin-bottom:45px}
.contact-form-wrap .form .fields{grid-template-columns:1fr}
.contact-form-wrap .form .field,.contact-form-wrap .form .field.w33{grid-column:span 1}

/* ---------- karte ---------- */
.row.maprow{padding:0;margin-top:30px;margin-bottom:-5px}
.maprow iframe{display:block;width:100%;height:450px;border:0}

/* ---------- kajene ---------- */
.site-footer{background:var(--navy);padding:50px 0}

/* ---------- uz augsu ---------- */
.scrollIcon{position:fixed;right:20px;bottom:20px;width:40px;height:40px;background:var(--grey-dark);
  border-radius:2px;display:flex;align-items:center;justify-content:center;z-index:50;
  opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;border:0;cursor:pointer;padding:0}
.scrollIcon.show{opacity:1;visibility:visible}
.scrollIcon svg{width:14px;height:14px;fill:var(--grey-light)}
.scrollIcon:hover{background:var(--green)}

/* ---------- <=1199 ---------- */
@media only screen and (max-width:1199px){
  .row{padding:70px 50px 0}
  .col{padding:0}
  .container{max-width:none}
  .spottext{font-size:39px}
  .preamble{font-size:18px}
  .custom1{line-height:1.2em}
  .custom2{font-size:18px}
  .lightpreamble{font-size:14px}
  .footertext{font-size:12px}
  .brand{max-width:70%;margin-left:0;margin-right:auto}
  .headinfo{gap:0 30px}
  .row.hero{padding-top:150px;padding-bottom:280px}
  .hero-list{padding-right:15px}
  .row.ctaband{margin-bottom:50px}
  .col.cta-text{padding-left:0}
  .cta-text .lightpreamble{padding:0 20px}
  .row.sec-grey{background:transparent}
  .row.sec-services{padding-top:110px}
  .row.prices{padding-top:110px;padding-bottom:70px;background:transparent}
  .social a.gmb{max-width:11%}
  .row.maprow{padding-left:0;padding-right:0}
}

/* ---------- <=767 ---------- */
@media only screen and (max-width:767px){
  .row{padding:0 30px}
  .c2,.c3,.c4,.c5,.c7,.c8,.c9,.c10{width:100%}
  /* .col.cta-text (0,2,0) parspej .hidden-sm (0,1,0) -> vajag .col.hidden-sm */
  .hidden-sm,.col.hidden-sm{display:none}
  /* Mono: galvene ir col-sm-3 / col-sm-9 - mobilaja NEsakraujas */
  .site-header .col-logo{width:25%}
  .site-header .col-info{width:75%}
  .site-header{padding:15px 0}
  .site-header .grid{align-items:flex-start}
  .brand{max-width:66%;margin-left:0;float:left}
  /* mobilaja Mono parslédz .cc_inline uz float:left -> DOM seciiba */
  /* mobilaja Mono parslédz .cc_inline uz float:left -> DOM seciiba */
  .headinfo{flex-direction:column;align-items:center;gap:0}
  .custom5{text-align:center;line-height:1.6em;font-size:14px}
  .spottext{font-size:22px}
  .custom1{font-size:17px}
  .custom2{padding:0;margin:20px 15px;line-height:1.2em;font-size:14px}
  .preamble{font-size:20px}
  .lightsmalltext{font-size:18px}
  .button2{margin-bottom:20px;font-size:14px;margin-left:-3px}
  .form input[type=text],.form input[type=email],.form input[type=tel],.form textarea{font-size:16px}
  .form .submit{font-size:16px}
  /* span 3 rada IMPLICITAS kolonnas ari pie 1fr -> jaatiestata ari .field */
  .form .fields{grid-template-columns:1fr}
  .form .field,.form .field.w33{grid-column:span 1}
  .row.hero{padding-top:100px;padding-bottom:100px;background-repeat:repeat-y}
  .hero-list .itemLabel{font-size:16px;line-height:1.2em}
  .hero-list .item{margin-bottom:12px}
  .hero-list .listIcon{height:15px}
  .row.ctaband{padding-left:0;padding-right:0;margin-top:0}
  .col.cta-green{border-radius:0}
  .col.cta-form-wrap{border-radius:0}
  .hero-form{margin-bottom:18px}
  .row.sec-grey{padding-top:10px;background:transparent}
  /* Mono ≤767: mb:30 ir #m4373/#m4651/#m3011/#m4023, BET NE #m4933 (pakalpojumi) */
  .sec-title{margin-bottom:30px}
  .sec-title.blower-title{margin-top:30px}
  .divider{margin-left:auto;margin-right:auto}
  .divider.div-about{margin-bottom:10px}
  .divider.div-prices{margin-bottom:0}
  .divider.div-contacts{margin-bottom:0}
  .services .service{margin-top:45px}
  .services .service:first-of-type{margin-top:0}
  .row.prices{padding-left:0;padding-right:0;background:transparent}
  /* Mono: col-sm-8 / col-sm-4 - mobilaja paliek divas kolonnas */
  .pname{width:66.6667%;padding-top:0}
  .pprice{width:33.3333%}
  .ptable>*{border-radius:0!important}
  .row.contacts{padding-top:20px;padding-left:0;padding-right:0}
  .contacts .col.c-head,.contacts .col.c-info{padding-left:30px;padding-right:30px}
  .site-footer{padding:30px 0 15px}
}
/* Cloudflare Turnstile widgets formaas */
/* Bez min-height: kad Cloudflare parbauda kluso, widgets ir 0 px un formaa nepaliek tuksa josla. */
.form .cf-turnstile{margin:0 0 15px}