/* Simex child v1.3.0 — about.css */
/* O nama sections #on1–#on5, split from blog.css for conditional loading. */

#top #on1 .template-page{padding-top:150px;padding-bottom:150px;}
#top #on1 .container{max-width:1390px;}
#top #on1 .flex_column_table{display: grid;gap: 110px;grid-template-columns: 42.64% 48.84%;}
#top #on1 .flex_column_table .on1clm{width: 100%;}
#top #on1header .av-subheading p{line-height: 16px;text-transform: uppercase;}
#top #on1header .av-subheading{margin-bottom: 36px;}
#top #on1header h2{text-transform: uppercase;line-height: 1.1em;letter-spacing: -0.05em;}
#top #on1header{padding-bottom:38px;}
#top #on1img{margin: 0px;padding-bottom: 46px;}
#top #on1text p{margin:0px;line-height:25px;margin-bottom:20px;}
#top #on1text p:last-child{margin-bottom:0px;}
#top #on1text2{padding-bottom: 46px;}
#top #on1text2 p{margin:0px;line-height:25px;margin-bottom:20px;}
#top #on1text2 p:last-child{margin-bottom:0px;}
#top #on1but{padding-top:30px;}
#top #on1but a{transition: all 0.5s ease-in-out;border-radius: 0px;border: 1px solid #707070;width: 200px;background: transparent;color: #000;font-size: 12px;text-transform: uppercase;letter-spacing: 0.84px;height: 50px;line-height: 50px;padding: 0px;margin: 0px;}
#top #on1but a:hover{color: #fff;background: #000;border-color: #000;}

#top #on2 .template-page{padding-top: 85px;padding-bottom: 82px;}
#top #on2 .container{max-width:1390px;}
#top #on2 .flex_column_table{display:grid;grid-template-columns:25.04% 28.53% 30.08%;gap: 8.18%;}
#top #on2 .on2clm{width:100%;}
#top #on2num{flex-direction: unset;display: flex;align-items: center;position: relative;gap: 24px;}
#top #on2num strong{font-size: 120px;letter-spacing: -7.200px;font-family: "Kalnia", serif;margin: 0px;flex-grow: 1;flex-shrink: 1;display: flex;}
#top #on2num strong .avia-single-number{color:#965B45;}
#top #on2num strong .avia-no-number{opacity: 1;font-size: 1em;color:#965B45;}
#top #on2num .avia-animated-number-content{text-align: left;}



#top #on3 .template-page{padding-top: 0px;padding-bottom: 0px;}
#top #on3 .flex_column_table{display: grid;grid-template-columns: 1fr 1fr;}
#top #on3 #on3clm1{width: 100%;min-height: 960px;display: flex;flex-direction: column;justify-content: center;filter: brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}
#top #on3 #on3clm2{width: 100%;min-height: 960px;display: flex;flex-direction: column;justify-content: center;}
#top #on3tabs{min-height: 960px;}
#top #on3tabs .tab_content{padding-top: 186px;padding-bottom: 136px;border: 0px;padding-left: 30px;padding-right: 30px;max-width: 530px;margin: 0px auto;background: transparent;}
#top #on3tabs .tab_content .tab_inner_content{margin:0px;}
#top #on3tabs .tab_content .tabslika{display: table;}
#top #on3tabs .tab_content h2{padding: 38px 0px 20px 0px;font-size: 32px;font-weight: 400;color: #FFFFFF;text-transform: uppercase;transition: all 0.4s ease;letter-spacing: -0.05em;line-height:35.2px;margin: 0px;}
#top #on3tabs .tab_content p{margin:0px;line-height:24px;color: #FFFFFF;padding-bottom:20px;}
#top #on3tabs .tab_content p:last-child{padding-bottom:0px;}
#top #on3tabs .tab_titles{position: absolute;bottom: 0px;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;gap: 0;border-top: 1px solid #dddad5;}
#top #on3tabs .tab_titles .tab{font-family: "Google Sans Flex", Sans-serif;font-weight: 400;letter-spacing: 0px;background: #FFF0;border: 0px;color: #FFF6;font-size: 14px;line-height: 16px;padding: 32px 25px;}
#top #on3tabs .tab_titles .tab.active_tab{color:#fff;}


#top #on4 .template-page{padding-top:149px;padding-bottom:0px;background:#fff;}
#top #on4header .av-subheading p{line-height:16px;text-transform:uppercase;}
#top #on4header .av-subheading{margin-bottom:37px;}
#top #on4header h2{letter-spacing:-3.6px;line-height:65px;text-transform: uppercase;}
#top #on4header{max-width:935px;margin:0px auto;margin-bottom:30px;}
#top #on4text p{max-width: 1200px;margin: 0px auto;font-weight: 300;line-height: 25px;}
#top #on4 .flex_column_table{display: grid;gap: 0px;grid-template-columns: repeat(5,minmax(0,1fr));margin-top:89px;border-top: 1px solid #dddad5;}
#top #on4 .flex_column_table .on4clm{width:100%;min-height: 349px;display: flex;justify-content: center;align-items: center;}
/*#top #on4 #on4img img{opacity: 0.4;filter: brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );transition-duration: 0.5s;}
#top #on4 #on4img img:hover{opacity:1;filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}*/
#top #on4 #on4clm5{border-right:0px;}
#top #on4 .on4clm{border-right: 1px solid #dddad5;}



#top #on5 .template-page {
  padding-top: 149px;
  padding-bottom: 166px;
}

#top #on5 .container {
  max-width: 1390px;
}

#top #on5header .av-subheading p {
  line-height: 12px;
  letter-spacing: -0.600px;
  font-weight: 400;
  text-transform: uppercase;
}

#top #on5header .av-subheading {
  margin-bottom: 37px;
}

#top #on5header h2 {
  line-height: 66px;
  text-transform: uppercase;
  letter-spacing: -3px;
}

#top #on5 .flex_column_table {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 80px;
}

/* Kartica */
#top #on5 .flex_column_table .on5clm {
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  display: block !important;
  position: relative;
  overflow: visible !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 0 0 !important;
}

/* Skidamo overlay preko slike */
#top #on5 .flex_column_table .on5clm:before {
  display: none !important;
}

/* Link kao kartica */
#top #on5 .flex_column_table .on5clm a {
  display: block !important;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  text-decoration: none;
  position: relative;
  overflow: visible;
  color: inherit;

  /* Slika se nasleđuje samo da bi je koristio a:before */
  background-image: inherit;
  background-size: 0 0 !important;
  background-repeat: no-repeat;
  background-position: center center;
}

/* Slika gore - kao related posts */
#top #on5 .flex_column_table .on5clm a:before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  background-image: inherit;
  background-size: 100% auto !important;
  background-position: center center;
  background-repeat: no-repeat;
  transition: background-size .35s ease;
}

/* Zoom unutar diva, bez izlaska slike */
#top #on5 .flex_column_table .on5clm:hover a:before {
  background-size: 106% auto !important;
}

/* Naslov ispod slike */
#top #on5 .on5header2 {
  z-index: 2;
  position: relative;
  margin: 18px 0 0;
  padding: 0;
}

/* Naslov kao related posts */
#top #on5 .on5header2 h3 {
  margin: 0;
  color: #181818;
  font-size: 21px;
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  text-align: left;
  transition: color .2s ease;
}

#top #on5 .flex_column_table .on5clm:hover .on5header2 h3 {
  color: #6a7854;
}

/* Tablet */
@media only screen and (max-width: 989px) {
  #top #on5 .flex_column_table {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile */
@media only screen and (max-width: 767px) {
  #top #on5 .template-page {
    padding-top: 80px;
    padding-bottom: 90px;
  }

  #top #on5header h2 {
    line-height: 1.1;
    letter-spacing: -2px;
  }

  #top #on5 .flex_column_table {
    grid-template-columns: 1fr;
    gap: 32px;
    margin-top: 50px;
  }

  #top #on5 .on5header2 h3 {
    font-size: 20px;
  }
}
