@font-face {
  font-family:icons;
  src:url(font-awesome/fonts/FontAwesome.otf)
}
@font-face {
  font-family:g_icons;
  src:url(fonts/google_icons.ttf)
}
@font-face {
  font-family:montserrat;
  src:url(fonts/montserrat.ttf)
}
@font-face {
  font-family:montserrat_bk;
  src:url(fonts/montserrat_black.ttf)
}
@font-face {
  font-family:pfc;
  src:url(fonts/pfc_bold.ttf)
}
* {
  padding:0;
  margin:0
}
HTML {
  width:100%
}
BODY {
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  font-size:14px;
  overflow-x:hidden;
  overflow-y:scroll;
  color:#505050;
  font-family:montserrat,sans-serif
}
:root {
  --main:#23a8e0;
  --primary:#48484a;
  --main_gradient:radial-gradient(50% 50% at 50% 50%,#99c75b 0%,rgba(153,199,91,0) 100%);
  --brown:#ed1c24;
  --orange:#f8971d;
  --fl:24px;
  --fxl:36px;
  --fm:20px;
  --fn:16px;
  --fs:14px;
  --fxs:12px;
  --fxxs:9px;
  --th:rgba(86,191,12,.05);
  --negative_color:#eee;
  --width_inner:1200px;
  --width_min:800px
}
.hidden,
.desktop_off, .futer_mobile {
  display:none!important
}
img {
  width:100%;
  height:auto
}
a {
  text-decoration:none;
  outline:none;
  color:inherit
}
#pageBody a:hover {
  color:var(--orange)
}
.icons,
.index .searchDugme {
  font-family:icons
}
.g_icon {
  font-family:g_icons
}
.messages {
  background:var(--main);
  width:450px;
  margin:50px auto;
  padding:20px;
  text-align:center;
  color:#eee
}
.userBar,
.catalog_search,
.sideCatNav,
.menuImgCnt {
  display:none!important
}
.zaglavlje_content {
  display:flex;
  border-bottom:1px solid #888
}
.logo_header {
  max-width:280px;
  box-sizing:border-box;
  padding-left:24px
}
.logo_header a {
  display:block;
  width:100%
}
.logo_header a img {
  display:block
}
.top_baner {
  border-bottom:2px solid #eee
}
.baner_slide_title {
  position:absolute;
  top:10vw;
  left:26%;
  color:#fff;
  z-index:100;
  font-size:100px;
  font-family:pfc;
  font-weight:800;
  max-width:80vw;
  color:var(--main);
  line-height:1em
}
.baner_slide_description .slika1 {
  width:300px;
  height:auto;
  position:absolute;
  top:200px;
  left:30px
}
.baner_slide_description .slika2 {
  width:100%;
  height:auto;
  top:-80px;
  left:30px;
  position:absolute
}
.baner_slide_description {
  position:absolute;
  top:10vw;
  left:20%;
  color:#fff;
  z-index:100;
  font-size:30px;
  font-family:montserrat;
  _background: #fff5;
  padding:195px 0 0 340px;
  box-sizing:border-box;
  _clip-path:polygon(2% 0%,93% 10%,89% 100%,0% 90%);
  width:1090px
}
.baner_slide_description p {
  font-size:30px;
  _width:80vw;
  line-height:1.6em
}
.highlight {
  color:var(--orange);
  font-size:44px!important;
  display:none
}
.higlight_cold {
  color:var(--main)
}
.oblast_strane {
  background:var(--primary);
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-position-x:top;
  background-position-y:0
}
.meni_jezici {
  _background:red;
  padding:20px;
  display:flex;
  flex-direction:column
}
.meni_jezici li {
  list-style:none;
  color:#fff
}
.glavni_meni {
  color:#333;
  display:flex;
  justify-content:center;
  flex-grow:1;
  align-items:center
}
.glavni_meni .menutype_1 {
  display:flex;
  list-style:none;
  _background: #fff6;
  width:80%;
  justify-content:center;
  color:#eee;
  font-size:var(--fn);
  align-items:center
}
.glavni_meni .menutype_1>li {
  position:relative;
  _height:80px;
  padding:10px
}
.glavni_meni .menutype_1 >li:nth-child(1)>a,
.glavni_meni .menutype_1>li:nth-child(3)>a,
.glavni_meni .menutype_1 >li:nth-child(2)>a{
  pointer-events: none;

}

.glavni_meni .menutype_1>li a {
  padding:18px;
  display:flex;
  align-items:center;
  height:100%
}
.glavni_meni .menutype_1>li a:hover {
  color:var(--orange)
}
 .menutype_85,  .menutype_86, .menutype_94 {
  position:absolute;
  top:100%;
  left:0;
  z-index:1000;
  list-style:none;
  background: #000a;
  width:300px
}
 .menutype_77 {
  position:absolute;
  top:0;
  left:300px;
  z-index:1000;
  list-style:none;
  background: #000a;
  width:300px
}

.inner_width {
  width:var(--inner_width)
}
.main_box {
  display:block;
  background:transparent
}
.image_tiles {
  width:70%;
  margin:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:center
}
.image_tiles li {
  max-width:45%;
  list-style:none;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  margin:60px 10px 30px 10px
}
.image_tiles li a {
  display:flex;
  justify-content:center;
  width:100%;
  color:#eee;
  font-size:var(--fn)
}
.flexbox{ display:flex;gap:20px}

.catid_76 .pageTitle {
  color:#eee;
  font-size:var(--fl);
  text-align:center;
  padding:20px
}
.catid_76 .pageBody {
  background:red;
  background:url(http://saxperience.rs/cms_upload/pages/files/x370_dsc_0510.jpg.pagespeed.ic.0hpa88l0Rg.webp);
  background-repeat:no-repeat;
  background-size:cover
}
#prijava_ucesnika {
  background: #fff0;
  text-align:center;
  display:flex;
  justify-content:center;
  padding:40px
}
#prijava_ucesnika ul {
  display:flex;
  justify-content:center;
  flex-direction:column;
  background: #fffc;
  padding:20px
}
#prijava_ucesnika li {
  list-style:none;
  padding:6px;
  display:flex;
  gap:10px
}
#prijava_ucesnika .li_korepetitor {
  padding:40px 0
}
#prijava_ucesnika li label {
  width:240px;
  text-align:right
}
#prijava_ucesnika .p_program,
#prijava_ucesnika .p_trajanje {
  padding:30px 0 10px 0;
  border-bottom:1px solid #aaa;
  margin-bottom:10px;
  text-align:left;
  font-weight:bold
}
#prijava_ucesnika .li_program_trajanje label {
  padding:10px 0 7px 0;
  display:block;
  text-align:left
}
#prijava_ucesnika li input[type="text"],
#prijava_ucesnika li input[type="date"] {
  width:240px;
  font-size:var(--fn);
  padding:12px 10px;
  display:block;
  border:none
}
#prijava_ucesnika li input[type="text"]:focus,
#prijava_ucesnika li input[type="date"]:focus {
  outline:none;
  background:#ffe
}
#prijava_ucesnika li input[type="submit"] {
  background:var(--main);
  border:none;
  color:#eee;
  padding:16px 40px;
  font-size:var(--fn);
  min-width:240px;
  cursor:pointer
}
#prijava_ucesnika li input[type="submit"]:hover {
  background:var(--brown)
}
#prijava_ucesnika .li_program_trajanje .program {
  background:red;
  margin:10px 0
}
#prijava_ucesnika .li_program_trajanje .left_box input {
  width:400px
}
#prijava_ucesnika .li_program_trajanje {
  flex-direction:column
}
#prijava_ucesnika .li_program_trajanje .flexbox {
  display:flex;
  gap:20px
}
#prijava_ucesnika .li_klavir {
  flex-direction:column;
  text-align:left
}
#prijava_ucesnika .li_klavir label {
  text-align:left
}
.li_submit {
  margin:30px 0 20px 0
}
.catid_77 #coll_middle,
.catid_78 #coll_middle,
.catid_81 #coll_middle,
.catid_80 #coll_middle,
.catid_79 #coll_middle,
.catid_82 #coll_middle,
.catid_84 #coll_middle,
.docs{
  width:1000px;
  margin:auto;
  background:#fff;
  padding:40px;
  box-sizing:border-box
}
.catid_77 h1,
.catid_78 h1,
.catid_81 h1,
.catid_80 h1,
.catid_79 h1,
.catid_82 h1,
.catid_84 h1,
.docs h1{
  padding:50px 0 10px 48px
}
.text_box {
  padding-left:50px
}
.text_box p {
  padding:10px 0
}
.text_box p,
.text_box li {
  line-height:1.8em
}
.text_box ul {
  padding:1em 2em
}
.text_box .lista_payment {
  padding:1em 0
}
.text_box h2 {
  padding:30px 0 10px 0
}
.text_box .clan {
  font-weight:bold;
  padding:10px 0
}
.text_box .uplata_box {
  padding:16px 0 0 0
}
.text_box .uplata_box p {
  padding:0
}
.organizator {
  display:flex;
  width:100%;
  _background:#2c2c2c;
  justify-content: center;
}

.organizator .org_desno {
  width:260px;
  display:block;
  color:#888;
  padding:20px;
  text-align:center;
  
}
.lista_payment {
  list-style:none
}
.catid_75 .pageBody {
  _background:#fff;
  width:440px;
  margin:50px auto 100px auto;
  padding:60px 10px 50px 100px;
  clip-path:polygon(0 17%,100% 0,96% 99%,8% 100%);
  _background:linear-gradient(to right,rgba(255,255,255,.8) 50%,rgba(238,229,229,.1) 100%)
}
.catPic .catTitlePicture {
  display:none
}
.catPic img {
  width:380px;
  margin:auto;
  display:block;
  filter:contrast(10) invert(1) brightness(0)
}
.catid_75 .pageTitle {
  color:#eee;
  font-size:var(--fl);
  text-align:center;
  padding:20px
}
.catid_75 .pageBody p {
  line-height:1em;
  color:var(--orange);
  font-size:var(--fl);
  text-align:right;
  padding:14px 30px 14px 14px
}
.catid_75 .pageBody h5{
  color:var(--main);
  font-weight:bold;
    font-size: 24px;
 
}
.catid_75 .contactBox:not(.contactBox:first-child){
  margin-top: 70px;
}


.sax_table {
  width:100%;
  margin:30px 0 10px 0;
  border-collapse:collapse;
  text-align:left
}
.sax_table td,
.sax_table th {
  border-bottom:solid 1px #eee;
  padding:5px 5px
}
.catid_82 .toRight {
  margin-bottom:30px;
  text-align:right
}
.futer_cnt {
  width:100%;
  height:30vw;
  background-image:url(http://saxperience.rs/cms_upload/pages/files/xxxxxx8_sax-1.jpg,,,,,,,,,,,,,,,,Mic.jrJnvro-Xc.webp,,,,,,,,Mic.YjXX6WRlLg.webp,,,,Mic.kllG79m9ad.webp,,Mic.M1X8SsTagV.webp,Mic.AmPMsDujcQ.webp.pagespeed.ic.XnmDnrsyNN.webp);
  background-repeat:no-repeat;
  background-size:cover
}


/*summer saxperience*/

.catid_87 .pageBody{
  width: 80%;
  margin: auto;
  padding: 20px;
  box-sizing: border-box;
}

.summer_onama h1{
  color: var(--orange);
  text-transform: uppercase;
  line-height: 1.8em;
  margin: 30px 0px 0px 50px;
}

.summer_onama h4{
  color: var(--orange);
  text-transform: uppercase;
  line-height: 1.8em;
  margin: 0px 0px 20px 50px;
  font-size: 18px;
}

.catid_87 .pageBody p{
  color: #fff;
  padding: 8px 0px;
}
.summer_onama a{
  color: var(--orange);
}
.summer_onama .predavaci_p{
  display: flex;
  flex-direction: column;
  font-size:18px;
}

.summer_onama .text_box h2{
  color: #fff;
}

/*biografije main page*/

.catid_88 ul.pages, .catid_95 ul.pages  {
  display: flex;
  _flex-direction: row-reverse;
  margin: 100px auto;
  justify-content: center;
  gap: 50px;
  flex-wrap: wrap;
  width: 80%;
}

.catid_88 ul.pages .img, .catid_95 ul.pages .img{
  width: 300px;
  height: 300px;
  overflow: hidden;
}
.catid_88 ul.pages li, .catid_95 ul.pages li{
  position: relative;
  list-style: none;
}

.catid_88 ul.pages .info, .catid_95 ul.pages .info{
  position: absolute;
  bottom:0px;
}

.catid_88 ul.pages h2, .catid_95 ul.pages h2{
  color: #fff;
  background: #555a;
  display: block;
  width: 300px;
  padding: 10px ;
  box-sizing: border-box;

   
}

.catid_88 ul.pages .img img, .catid_95 ul.pages .img img{
  display: block;
  width: 100%;
  overflow: hidden;
}

/*biografije pages*/

.summer_biography{
  width: 80%;
  margin: auto;
  padding: 30px;
  box-sizing: border-box;
}

.summer_biography .biography_img{
  width: 400px;
  margin:40px auto;
}

.summer_biography .biography_img img{
  display: block;
  width: 100%;
}

.summer_biography h1{
  color: #fff;
  text-align: center;
  line-height: 2em;
}

.summer_biography .biogtaphy_text p,
.summer_biography .biography_txt p,
.summer_biography .biography_text p{
  color: #fff;
  padding: 8px 0px;
}

/*saxperience competition - o nama*/


/*summer saxperience*/

.catid_74 .pageBody, .catid_96 .pageBody, .catid_97 .pageBody, .catid_98 .pageBody, .catid_99 .pageBody, .catid_83 .pageBody{
  width: 80%;
  margin:30px auto;
  padding: 20px;
  box-sizing: border-box;
}



.catid_74 .pageBody p, .catid_96 .pageBody p, .catid_97 .pageBody p, .catid_98 .pageBody p, .catid_99 .pageBody p, .catid_83 p {
  color: #fff;
  padding: 8px 0px;
}
.catid_74 .pageBody a, .catid_96 .pageBody a, .catid_97 .pageBody a, .catid_98 .pageBody a, .catid_83 a{
  color: var(--orange);
}

.catid_83 h2{
  color: #fff;
  line-height: 1.8em;
  padding: 4px 0;
}

.catid_98 .program_bg_sax_cnt{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap:30px;
}

.catid_98 .program_bg_sax_cnt .program_column{
  width: 45%;
}

.pageBody p.orange {
  color: var(--orange);
}

.pageBody p.blue{
  color: var(--main);
}

.pageBody .date_h3 {
  color: var(--orange);
  font-size: 22px;
}

/*forma - summer saxperience*/


#prijava_summersax {
  background: #fff0;
  text-align:center;
  display:flex;
  justify-content:center;
  padding:40px
}
#prijava_summersax ul {
  display:flex;
  justify-content:center;
  flex-direction:column;
  background: #fffc;
  padding:20px
}
#prijava_summersax li {
  list-style:none;
  padding:6px;
  display:flex;
  gap:10px
}
#prijava_summersax .li_korepetitor {
  padding:40px 0
}
#prijava_summersax li label {
  width:240px;
  text-align:right
}
#prijava_summersax .p_program,
#prijava_summersax .p_trajanje {
  padding:30px 0 10px 0;
  border-bottom:1px solid #aaa;
  margin-bottom:10px;
  text-align:left;
  font-weight:bold
}
#prijava_summersax .li_program_trajanje label {
  padding:10px 0 7px 0;
  display:block;
  text-align:left
}
#prijava_summersax li input[type="text"],
#prijava_summersax li input[type="date"] {
  width:240px;
  font-size:var(--fn);
  padding:12px 10px;
  display:block;
  border:none
}
#prijava_summersax li input[type="text"]:focus,
#prijava_summersax li input[type="date"]:focus {
  outline:none;
  background:#ffe
}
#prijava_summersax li input[type="submit"] {
  background:var(--main);
  border:none;
  color:#eee;
  padding:16px 40px;
  font-size:var(--fn);
  min-width:240px;
  cursor:pointer
}
#prijava_summersax li input[type="submit"]:hover {
  background:var(--brown)
}
#prijava_summersax .li_program_trajanje .program {
  background:red;
  margin:10px 0
}
#prijava_summersax .li_program_trajanje .left_box input {
  width:400px
}
#prijava_summersax .li_program_trajanje {
  flex-direction:column
}
#prijava_summersax .li_program_trajanje .flexbox {
  display:flex;
  gap:20px
}
#prijava_summersax .li_klavir {
  flex-direction:column;
  text-align:left
}
#prijava_summersax .li_klavir label {
  text-align:left
}
.li_submit {
  margin:30px 0 20px 0
}


/*arhiva*/
.catid_90 #coll_middle{
  width: 80%;
  margin: auto;
  color:#fff;
}
.catid_90 .nestview{
  display: flex;
  flex-direction: column;
  margin: 50px 50px;

}

.catid_90 .nestview li{
  color: #fff;
  list-style: none;

}
.catid_90 .nestview>li{
    position: relative;
}

.catid_90 .nest_info{
  position: absolute;
  transform: rotate(270deg);
  bottom: 30px;
  left: -90px;
  font-size:25px;
  pointer-events: none;
}

.nest_brojStrana{
  display: none;
}

/*akademija*/

.catid_99 .flexbox{
  margin: 30px 0;
}

.catid_99  .pageBody h3{
  color: var(--orange);
  text-transform: uppercase;
  line-height: 1.8em;
  margin: 10px 0;
}

.catid_99 .pageBody .img_centercnt{
  width: 100%;
  margin:40px auto;
}

.img_centercnt img{
  display: block;
  width: 100%;
}

.imageflexbox {
  width: 150px;
}