@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

@font-face {
    font-family: 'Sugo Pro Classic';
    src: url('../fonts/SugoProClassicTrial-Regular.eot');
    src: url('../fonts/SugoProClassicTrial-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SugoProClassicTrial-Regular.woff2') format('woff2'),
        url('../fonts/SugoProClassicTrial-Regular.woff') format('woff'),
        url('../fonts/SugoProClassicTrial-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-size: 1vw;
    line-height: 1.5vw;
}



:root{
  --pink:#fda4fe; /* pink background like the design */
  --dark-pink: #c954cc;
  --yellow:#ffd400; /* yellow for time boxes */
  --black:#000000;
  --muted:#2b2b2b;
  --teal: #0ce7ac;
  --grey:#efefef;
  --red: #ed443b;
}

*{box-sizing:border-box; margin:0px; padding: 0px; outline: none;}

html, body{
  font-family: 'LatoLatin', sans-serif;
  font-weight: 500;
}

body{
  margin:0;
  background:#fff;
  color:var(--black);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
h1{
  font-weight: 500;
  font-family: 'Sugo Pro Classic';
  text-transform: uppercase;
}
h2, h3, h4,h5, h6{  }
h1{ font-size: 6vw; line-height: 6vw; }
h2{ font-size: 4vw; line-height: 4vw; }
h3{ font-size: 2vw; line-height: 2vw; }



.clear{ clear:both; }

.bgPink{
  background-color: var(--pink);
}
.bgYellow{
  background: var(--yellow);
}

.btn{
  border-radius: 50px;
  display: inline-block;
  padding: 10px 35px;
  cursor: pointer;
  transition: all 0.4s;
  font-weight: 700;
}
.bgPink{
  background-color: var(--pink);
}
.bgTeal{
  background-color: var(--teal);
}
.bgGrey{
  background-color: var(--grey);
}
.bgRed{
  background-color: var(--red);
}
.bgBlack{
  background-color: var(--black);
  color: #fff;
}
.btn.bgPink:hover{
  background-color: var(--dark-pink);
  color: #ffffff;
}
.btn.bgBlack:hover{
  background-color: #3a3a3a;
}
.btn.frame{
  border: solid 1px #000;
}
.btn.frame:hover{
  background-color: #000;
  color: #fff;
}

.block{
  clear:both; width: 100%;
}
.innerBlock{
  position:relative;
  width: 80%; padding: 10% 0%;
  margin: auto;
  max-width: 1440px;
}
.blockTitle{margin: auto; text-align:center;}
.blockBottom{ width: 100%; text-align: center; }
.bottomText{
  margin-top: 20px;
}



/*  blocks  */
#header{ background-color: #fff;  }
.logo{
  width: 10%;
  float:left;
  margin: 20px;
  max-width: 200px;
}
.logo img{width:100%;}
.mainMenu{
  float:right;
  margin: 20px; 
}
.intro{
 position:relative;
}
.contentLeft{
  padding: 10% 0% 10% 10%;
  width: 50%;
}
.introBgImg{
  position:absolute; 
  bottom: 0px; 
  right: 0px;
  height: 100%;
  max-height: 848px;
}
.introBgImg img{height: 100%; }
.intro p{margin-top: 30px;}
.intro .frame{margin-top: 30px;}





/* why */
.why .blockContent{ text-align:center; margin-top: 50px; }
.whyItem{
  width: 22%;
  margin: 4%;
  display: inline-block; vertical-align: top; text-align:center;
}
.whyImg img{width: 100%;}
.whyImg{width: 80%; margin:auto; }
.whyTitle{margin-top: 20px;}
.whyText{margin-top: 20px;}





/* kursi */
.videoBlock{
  margin-top: 40px;
  text-align: center;
}
.videoBlockText, .videoBlockVideo{
  width: 40%;
  display: inline-block;
  vertical-align: middle;
  margin: 4%;
}
.videoBlockText{
  width: 30%;
}
.videoBlockText{
  text-align:left;
}
.videoBlockContent{margin-top: 40px;}
.videoBlockVideo video{
  aspect-ratio: 16/9;
  border-radius: 25px;
}





/* pasniedzeji */
.blockTopper{}
.pasniedzeji .blockContent{text-align:center;}
.topperLeft, .topperRight{ display: inline-block; vertical-align:middle; margin: 5%; }
.topperLeft{width: 27%;}
.topperRight{width: 50%;}
.pasniedzejs{
  width: 25%;
  margin: 2%;
  display: inline-block;
  vertical-align: top;
}
.pasniedzejsImg, .pasniedzejsImg img{width: 100%;}
.pasniedzejsName, .pasniedzejsInfo{ margin-top: 20px;  }
.pasniedzejsInfo{width: 60%; margin: auto; margin-top: 20px;}




.testList{ text-align:center; margin-top: 40px; }
.test{ width: 25%; margin: 2%; display: inline-block; vertical-align:middle;  }
.test img{width: 100%; }






/* kā pareizi */
.conteinerBlock{
  position: relative;
  text-align: center;
}
.conteinerBlock{
 position:relative; clear:both;
 margin-top: 70px;
}
.conteinerLeft{ text-align:right; }
.conteinterRight{ text-align: left; }
.conteinerSideContentItem{ margin-top: 10px; padding: 10px 0px; border-bottom: 1px solid #000; }

.conteinerThird{
    display: inline-block;
  vertical-align: top;
  width: 29%; margin:1%;
}
.conteinterMiddle{
  width: 25%; margin: 1% 3%;
}
.conteinterMiddle img{width: 100%; }
.contSideHeader{ font-weight: bold; font-size: 1.5vw; display: inline-block; vertical-align:middle;  }
.contSideHeader:first-child{margin-right: 10px;}
.contSideHeader img{width: 48px;}



/* miti */
.goodbadItem{
  width: 40%;
  border-radius: 20px;
  overflow:hidden;
  display: inline-block;
}

.bad, .good{
  padding: 20px 15px;
  min-height: 150px;
  width: 100% ;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.good{color: #000000;}
.badImg img, .goodImg img { width:100%; }
.badImg, .goodImg{ width: 50px; display: inline-block; vertical-align:middle; margin-right: 20px }
.badText, .goodText{ width: calc(95% - 70px); display: inline-block; vertical-align:middle; text-align: left; }
.goodbadBottom{ margin-top: 50px; text-align:center; }
.goodbadBottom p{margin-top: 30px;}
.goodbadBottom .btn{margin-top: 30px; }



.blockTitleLeft, .blockContentRight{
  display: inline-block;
  vertical-align: middle;
  width: 45%; margin: 2%;
}
.blockTitleLeft{
 text-align: right;
}
.blockContentRight{
  width: 20%;
}
.kursuBanner .btn{margin-top: 30px;}
.kursuBanner .innerBlock{ padding: 3% 0%; }
.zvaniBanner .innerBlock{ padding: 5% 0%; }
.zvaniBanner .blockContent{text-align:center; font-weight: bold; font-size: 1.3vw;}



/* footer  */
.footer{font-size: 1.2vw; line-height: 1.5vw; }
.footerInner{ width: 80%; margin: auto; padding: 40px; }
.footerLeft{ float:left;  width: 20%;  }
.footerLogo{margin-top: 20px; }
.footerLogo, .footerLogo img{ width: 100%; }
.footerRight{ float:right; text-align:left; width: 50%; }
.footerRightContent, .footerSocial{display: inline-block; vertical-align: top; margin: 0% 0%; width: 45%;}
.sutitShareIcons, .footerSubSocLink{ margin-top: 1vw;  }
.sutitShareIcon{display: inline-block; vertical-align: middle; margin: 5px; width: 35px; }
.sutitShareIcon.iconyt{width: 45px;}
.sutitShareIcon img{width: 100%;}
.footer a{color: #000000; }



/* partneri  */
.partneriInner{padding: 80px 0px; }
.partneriTitle{ font-size: 1.8vw; line-height: 2vw; font-weight: 900; margin-left: 20px;}
.partneriList{width: 100%;  margin: 5% auto 0% auto; }
.partneris{ display: inline-block; width: 15%; max-width: 250px; margin: 3% 3% 3% 0%;  }
.partneris img{width: 100%; max-width: 250px;}
.partneriTitle{font-size: 3.5vw;}
  .partneris{width: 25%;}



.bujBlock{
  width: 100%; margin-top: 50px; clear:both; display: block; padding-bottom: 50px;
}
.bujItem{
  margin-top: 30px; padding-top: 30px; border-top: solid 1px #000; clear:both; width: 100%; 
}
.bujTitleText, .bujTitleArrow{display: inline-block; vertical-align: top; }
.bujTitleText{ width: calc(100% - 30px); font-weight: 700; }
.bujTitleArrow{width: 20px; margin-right: 0px; transition: all 0.5s; }
.bujTitleArrow img{width: 100%; }
.bujContent{ display: none; margin-top: 30px;  }
.bujTitle{cursor: pointer; }
.bujTitleArrow.open{transform: rotate(180deg); }
.footerSubSocLink a{text-decoration:none; }
.footerContacts{ margin-top: 30px; }
.contactBlock  h1{font-weight: 700; font-size: 4vw; line-height: 4.5vw; }













@media all and (min-width: 1920px){
  body, html {
    font-size: 19px; line-height: 30px;
  }
  h1{ font-size: 100px; line-height: 100px; }
  h2{ font-size: 60px; line-height: 60px; }
  h3{ font-size: 25px; line-height: 25px; }
  .contSideHeader{font-size: 25px;}
  .zvaniBanner .blockContent{font-size: 25px;}
  .innerBlock{ padding: 100px 0px; }
  .kursuBanner .innerBlock{ padding: 40px 0px; }
  .zvaniBanner .innerBlock{ padding: 60px 0px; }

}



@media all and (max-width:840px){
 

}


@media all and (max-width:640px){
 

}


@media all and (max-width:480px){
  

}







@font-face {
    font-family: 'LatoLatin';
    src: url('../fonts/LatoLatin-Regular.eot');
    src: url('../fonts/LatoLatin-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/LatoLatin-Regular.woff2') format('woff2'),
         url('../fonts/LatoLatin-Regular.woff') format('woff'),
         url('../fonts/LatoLatin-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility;
}


@font-face {
    font-family: 'LatoLatin';
    src: url('../fonts/LatoLatin-Semibold.eot');
    src: url('../fonts/LatoLatin-Semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/LatoLatin-Semibold.woff2') format('woff2'),
         url('../fonts/LatoLatin-Semibold.woff') format('woff'),
         url('../fonts/LatoLatin-Semibold.ttf') format('truetype');
    font-style: normal;
    font-weight: 500;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'LatoLatin';
    src: url('../fonts/LatoLatin-Bold.eot');
    src: url('../fonts/LatoLatin-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/LatoLatin-Bold.woff2') format('woff2'),
         url('../fonts/LatoLatin-Bold.woff') format('woff'),
         url('../fonts/LatoLatin-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'LatoLatin';
    src: url('../fonts/LatoLatin-Black.eot'); /* IE9 Compat Modes */
    src: url('../fonts/LatoLatin-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/LatoLatin-Black.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/LatoLatin-Black.woff') format('woff'), /* Modern Browsers */
         url('../fonts/LatoLatin-Black.ttf') format('truetype');
    font-style: normal;
    font-weight: 900;
    text-rendering: optimizeLegibility;
}