/* MOBILE VERSION CSS */



*{
    padding:0px;
    margin:0px;
}
HTML{
    width:100%;
}
BODY {
    width:100%;
    height: 100%;
    margin: 0px;
    padding:0px;
    font-size:14px;
    overflow-x: hidden;
    overflow-y: scroll;
    color:#505050;
    font-family:asap,sans-serif;

}


/* VARIABLES */
:root {
    --darkpink: #ffe6e6;
    --pink: #f9d6d2;
    --lightpink: #f6eaec;
    --gold: #decda1;
    --darkgold: #d2b565;
    --slyel_20:rgba(254,193,39,.2);
    --slg_20:rgba(86,191,152,.2);
    --fl:24px;
    --fxl:36px;
    --fm:20px;
    --fn:16px;
    --fs:14px;
    --fxs:12px;
    --th:rgba(86,191,12,.05);
}


img {width: 100%; height:auto;}
a{text-decoration:none;outline:none;}

@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}
@font-face {font-family: asap; src: url('fonts/asap_regular.ttf');}
@font-face {font-family: cherokee; src: url('fonts/plantagenet_cherokee.ttf');}
@font-face {font-family: numbers; src: url('fonts/PlayfairDisplayRegular.ttf');}

.icons, .index .searchDugme {font-family: icons;}

.progress-container{display: none!important;}
body, html,p, a, div, ul, li, h1, h2, h3, img, span{
    color:#f7f8f9;
}
li{list-style-position: inside}
p{margin-top: 15px; line-height: 1.6em}
/* DISPLAY NONE */
.blinking_traka{display: none}
.catTITLE{display: none;}
.containerNoOverflow toggleMenu{display: none;}
.top_baner{display: none; }
.navigatorKataloga{display: none;}
#bocnaNavigacija{display: none;}
.wrapperTraka .divLevi{display: none ;}
.divDesni .registarKontainer{display:none ;}
.wrapperTraka .divDesni .item:nth-child(1) {display: none;}
.sideCatNav{ display: none; }
.tempContainer{display: none}
.userBar {display: none}
.wishListBar {display: none}
.CatTrackNav {display: none}
.divDesni .itemTitle{display: none;}
.izborIkonica, .hiddenText p {display: none;}
.blokTop, .PageTrackNav{display: none}
.flyOutMenu{_display: none}
.registrator .form_label {display: none}
.logoScroll,.fixedLink_form,.handle,pre,.compareProd{display: none!important;}
.index .fixed-futer{display: none;}
#coll_middle .navigatorContainer{display: none!important;}
.catalog_search{display: none;}
.futerDrustveneMreze{display: none;}
.flexBox,.boxJedan{_display: none}
.termin-zakazivanje{display: none;}
.text_ikonice{display: none!important;}


/*test*/
.catalog .fixedLink_form, .katalog .fixedLink_form, .akcije .fixedLink_form, .contact .fixedLink_form, .nasa_preporuka .fixedLink_form,
.pet_jungle .fixedLink_form, .about_us .fixedLink_form{display: none}


/*HEADER*/

.oblast_zaglavlja{display:block; position:relative; 
    box-sizing:border-box;   }
.oblast_zaglavlja .wrapperTraka img{width: 100%; display: block; }
.oblast_zaglavlja .logoHome{width: 140px; margin: auto;position: absolute; left: -30px; top: 50px}
.oblast_zaglavlja .logoHome img{display: block;width: 100%;}
.oblast_zaglavlja .wrapperTraka .termini{display: flex; justify-content: center;font-size: 20px;}
.oblast_zaglavlja .wrapperTraka .termini a{text-align: center!important; padding-top: 15px;}
.oblast_zaglavlja .wrapperTraka .termini .timeImage{width: 30px; padding-left: 10px}
.oblast_zaglavlja .wrapperTraka .kontakt-broj {margin: 15px 0;display: flex;justify-content: center; font-size: 20px; padding-bottom: 10px; border-bottom: 10px solid var(--gold)}
.oblast_zaglavlja .wrapperTraka .kontakt-broj img{width: 30px}
.oblast_zaglavlja .wrapperTraka .futerDrustveneMreze ul{display: flex;}
.oblast_zaglavlja .wrapperTraka .futerDrustveneMreze ul li{width: 30px; }
.oblast_zaglavlja .logo-slika{width: 50px; display: block;}
.oblast_zaglavlja .logo-slika img{width: 100%; display: block}
.oblast_zaglavlja{
position: absolute;
left: 0;
right: 0;
top: 0;
padding: 0px 0 0 0;
box-sizing: border-box;
border-bottom: 1px solid var(--darkgold);
background: #none; 

}
.index .oblast_zaglavlja {border-bottom: none}
.oblast_zaglavlja .zaglavlje_content {display: flex; }
.oblast_zaglavlja .zaglavlje_content .wrapperTraka {padding:2px 25px; box-sizing: border-box; color: #fff; opacity: 1; color: #fff}
.oblast_zaglavlja .zaglavlje_content .wrapperTraka h2 a{color: #f7f8f9; font-weight: lighter; font-family:number}

.index .oblast_sadrzaja {padding-top: 0px;}
.oblast_sadrzaja {padding-top:56px;}



.oblast_zaglavlja .mob_main_menu{position: absolute; top:5px;
    right:10px;  width:60px; height:40px; _border:1px solid var(--gold); border-radius:10px;
    display: flex; align-items: center; justify-content: center; }
.mob_main_menu .mobMenuLine{display: inline-block; background: var(--gold); width: 70%; height:2px;
    position:relative; }
.mob_main_menu .mobMenuLine:before{content:""; width: 100%; background: var(--darkgold); height: 2px;
    display: inline-block; position:absolute; top:-10px;transition:.2s }
.mob_main_menu .mobMenuLine:after{content:""; width: 100%; background: var(--darkgold); height: 2px;
    display: inline-block;position:absolute; top:10px; transition:.2s}

.changeMobMenu .mobMenuLine{background: transparent; }
.changeMobMenu .mobMenuLine:before{transform: rotate(35deg);top:0px;_width: 120%;;
    transition:.2s}
.changeMobMenu .mobMenuLine:after{transform: rotate(-35deg);top:0; _width: 120%;;
    transition:.2s}

.overlayDiv{background: rgba(1,1,1,.4); position: absolute; width: 100%; height: 100%; left: 0;
    top:0; z-index: 1; display:none; transition:1s}
.showOverlay{display: block; transition: 1s; }

.glavni_meni{background: #fff; position: absolute; width: 100%; margin:0!important;
    top: 100%;left: 0; border-top:1px solid #ddd; _display:none;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transform: translateY(-3em);
    transition:all .2s linear }
.glavni_meni li{list-style: none; background-image: url('../../cms_upload/pages/files/8_show_effect.png'); 
    background-attachment:  fixed; 
    background-size: 200px 100px}
.glavni_meni li a{display: block;padding: 15px 0; font-size: var(--fn); border-bottom: 1px solid var(--gold);
    text-align: center; color: #f7f8f9}
.glavni_meni li:last-child a{width: 100%; display: block}
.glavni_meni li:last-child img{width: 80px; display: block; margin: auto;}
.menuSlideDown{visibility:visible; opacity:1;
    z-index:3; transform: translateY(0); transition: transform .3s linear 0s, z-index .3s linear 0s}


/*MOBILE BANNER*/
.mobileBanner{
    display: none;
    position: fixed;
    top:0;left:0;
    z-index: 1000;
    border: 3px solid #555;
    background: rgba(255,255,255,.9);
    margin:0;padding:0;
    box-shadow: 0px 10px 20px rgba(0,0,0,.4)
}
.mobileBanner h3{
    padding:2px 10px 10px 2px;
    font-size:30px;
    display: block;
    text-align: right;
}
.mobileBanner .icons{
    color:#444;
}

/*HOME PAGE*/

/*TRAKA*/
.traka_obavestenje{position: absolute; top: 70%; left: 0%; right: 0; width: 80%; margin: auto;background: var(--darkgold); z-index: 1; padding: 0px 20px 5px; box-sizing: border-box; }
.typewrite{text-decoration: none}
.wrap{font-size: 20px; text-decoration: none!important; color: #fff; font-family: number; font-weight: lighter}
/*END TRAKA*/

.index .mobilni_baner{width: 100vw;display: block; }
.index .mobilni_baner img{width: 100%; display: block}
.index #coll_middle{background: #1a1a1a;}

.index .prviBlok, .index .drugiBlok, .index .treci_blok, .index .cetvrti_blok, .index .peti_blok{width: 90%; margin: auto;}

/***blok vesti***/
.home-strana .prviBlok {padding-top: 0px; border-bottom: 1px solid #b59355; padding-bottom: 30px}
.home-strana .prviBlok .slika .image{width: 100%; display: block; padding: 20px 0px}
.home-strana .prviBlok img{width: 100%; display: block;}
.home-strana .prviBlok .vesti{font-size: 40px; padding: 20px 0px; font-weight: lighter; 
    background: url('../../cms_upload/pages/files/46_boban-rajovic-1.jpg') no-repeat;
    -webkit-text-fill-color: transparent;
  -webkit-background-clip: text; font-family: numbers;;
}

.prviBlok .vesti_naslov{font-size: 40px;
line-height: 1.2em;
padding: 20px 0px;
font-weight: lighter;
background: url('../../cms_upload/pages/files/46_boban-rajovic-1.jpg') no-repeat;
  background-clip: border-box;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
font-family: numbers;
text-align: center;}

.datumVesti{background: #b59355; font-family: number; text-align: center; font-size: 20px}
/***blok nova pesma***/
.drugiBlok .nova_pesma{display: none}
.drugiBlok{padding-top: 30px;border-bottom: 1px solid #b59355; padding-bottom: 30px; display: none}
.nova_pesma-mobile{padding-top: 30px;border-bottom: 1px solid #b59355; padding-bottom: 30px;}
.nova_pesma-mobile h3{font-size: 25px; line-height: 1.2em; padding: 20px 0px; font-weight: lighter; 
    background: url('../../cms_upload/pages/files/46_boban-rajovic-1.jpg') no-repeat;
    -webkit-text-fill-color: transparent;
  -webkit-background-clip: text; font-family: numbers; text-align: center;}
.nova_pesma-mobile iframe{; padding-top: 30px;width: 100%; height: auto;;-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
     box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);}

/***diskografija uvod***/
.treci_blok{padding-top: 30px; height: 300px;border-bottom: 1px solid #b59355; padding-bottom: 10px; position: relative; }
.treci_blok .diskografija_naslov{font-size: 40px; padding: 20px 0px; font-weight: lighter; 
    background: url('../../cms_upload/pages/files/46_boban-rajovic-1.jpg') no-repeat;
    -webkit-text-fill-color: transparent;
  -webkit-background-clip: text; font-family: numbers;text-align: center;
}
.treci_blok .icons{;
    font-size: 30px;
     background: url('../../cms_upload/pages/files/46_boban-rajovic-1.jpg') no-repeat;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    display: flex;
    justify-content: center; margin-top: 15%;
}
.treci_blok .ikonica-scrol {
  width: 100%;
  height: auto;
  position: absolute; bottom: 30%; font-size: 120px; left: calc(100% - 55%);
}
/***diskografija home***/
.diskografija_home{ display: flex; align-content: center; align-items: center; flex-wrap: wrap; justify-content: center; padding: 20px 0px 0px; box-sizing: border-box; width: 100%; margin: auto; justify-content:space-between;
   
}
.diskografija_home div{ display: block; width: 45%; margin-bottom: 20px; position: relative;}
.diskografija_home div img{width: 100%; display: block; filter: brightness(.9);border-radius: 100%; box-shadow: 2px 2px 4px #111; position: relative;transform: rotate(0deg); transition-duration: 4000ms;}
.diskografija_home div:after{content: ""; position: absolute; left: calc(100% - 66.4%); top: calc(100% - 63.4%); right: 10px; z-index: 100; background: #010e1b; width: 50px; height: 50px; border-radius: 100%}
.diskografija_home div:before{content: ""; position: absolute; left: calc(100% - 73%); top: calc(100% - 70%); right: 10px; z-index: 90; background: rgb(255, 255, 255, .2); width: 70px; height: 70px; border-radius: 100%}

.cetvrti_blok{position: relative; padding-bottom: 60px}
.cetvrti_blok .dugme_vise{font-size: 40px; padding: 20px 0px; font-weight: lighter; 
    background: url('../../cms_upload/pages/files/46_boban-rajovic-1.jpg') no-repeat;
    -webkit-text-fill-color: transparent;
  -webkit-background-clip: text; font-family: numbers; background-size: 500px 200px;;text-align: center;
    position: absolute; left: 50%; bottom: -10px;
    transform: translateX(-50%);
    z-index: 4;
}
.cetvrti_blok .dugme_vise a{padding: 10px; display: block;color: #1a1a1a;; text-align: center; text-decoration: none; font-family: number; z-index: 10; cursor: pointer;}


/*VESTI*/
.vesti{
    background-image: url('../../cms_upload/pages/files/8_show_effect.png'); 
    background-attachment:  fixed; 
    background-size: cover ; 
}
.vesti .pageTitle{text-align: center; margin: 30px 10px;}
.vesti .pages .page-pID{width: 80%; list-style: none; margin: 35px auto 40px;; box-shadow: 2px 2px 3px 1px #222; position: relative;} 
.vesti .page-pID .img{width: 100%; display: block; height: 200px; overflow: hidden}
.vesti .page-pID img{width: 100%; display: block}
.vesti .page-pID h2{font-weight: bold;; margin-top: 20px; font-size: 18px}
.vesti .page-pID a{text-decoration: none; display: block;padding: 10px 15px; box-sizing: border-box; color: #ffeeee;}
.vesti .page-pID .antrafile {font-size: 15px; line-height: 1.4em; padding: 20px 15px; box-sizing: border-box; color: #ffeeee;}
.vesti .page-pID .publish_date{position: absolute; top:-10px; right:-10px;background: #fff; padding: 10px 20px; font-size: 18px; background: #b59355; 
    color: #fff; font-family: number; border-radius: 5px; transform: rotate3d(1, 1, 1, 15deg); z-index: 1}


.vesti .pageBody{margin-bottom: 40px}
.vesti .pageBody p{font-size: 17px; line-height: 1.6em; margin-top: 15px}
.vesti .pageBody .video {margin-top: 20px; width: 100%; height: 250px; display: block}
.vesti .pageBody .video iframe{width: 100%; height: 100%; display: block}
.vesti .pageBody span{width: 100%; display: block;}
.vesti .pageBody span img{width: 100%; display: block}

.vesti .album_slika{display: flex; flex-wrap: wrap; justify-content: space-between;}
.vesti .album_slika span{width: 49%; margin-top: 30px}
/*KONCERTI*/
.koncerti_i_turneje{
    background-image: url('../../cms_upload/pages/files/8_show_effect.png'); 
    background-attachment:  fixed; 
    background-size: cover ; 
}

.spisak_koncerata ul {width: 90%; margin: auto; color: #b59355; padding: 20px ;box-sizing: border-box; }
.spisak_koncerata ul li{padding-top: 15px; font-size: 17px; color:#b59355; border-bottom: 1px solid  #b59355; padding-bottom: 3px; list-style: none}
.specijal_nastup{font-family: number; font-size: 18px!important;; color: #d44!important; font-weight: lighter!important;}

/*STUDIO CAFFE*/
.studio_caffe{
    background-image: url('../../cms_upload/pages/files/8_show_effect.png'); 
    background-attachment:  fixed; 
    background-size: cover ; 
}
.studio_caffe .pageBody{margin-bottom: 30px; width: 100%}
.studio_caffe .pageBody .slike img{margin-top: 30px; width: 100%; display: block}
.studio_caffe .pageBody .studio{width: 90%; margin: auto}

/*ENTER- MUSIC*/
.enter_music{
    background-image: url('../../cms_upload/pages/files/8_show_effect.png'); 
    background-attachment:  fixed; 
    background-size: cover ; 
}
.enter_music .pageBody{margin-bottom: 30px; width: 100%}

.enter_music .uvod-brenter{width: 95%; margin: auto;}
.enter_music .pageBody p{width: 95%; margin: 20px auto}
.kafanski-fakultet-izvodjaci {width: 95%; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.kafanski-fakultet-izvodjaci .video{width: 47%;; margin-bottom: 20px}
.kafanski-fakultet-izvodjaci .video iframe{width: 100%; }

/*DISKOGRAFIJA*/
.diskografija{
    background-image: url('../../cms_upload/pages/files/8_show_effect.png'); 
    background-attachment:  fixed; 
    background-size: cover ; 
}

.diskografija .pageBody .naslovna-slika{padding-top: 30px}
.blok-cd{ width: 80%; margin: 40px auto}
.blok-cd .cd{width: 100%; margin-bottom: 30px; position: relative }
.blok-cd .cd a{width: 100%; display: block; cursor: pointer; text-decoration: none; }
.blok-cd .cd .image{width: 100%; display: block}
.blok-cd .cd .image img{width: 100%; }
.blok-cd .cd span{display: block;}
.blok-cd  .cd .naziv_albuma{display: ; position: absolute; bottom: 18%; left: 50%;height: 90px;  transform: translateX(-50%); font-size: 30px; width: 100%; text-align: center;; font-family: number; font-weight: 600; padding-top: 25%; pointer-events: none; cursor: pointer; color: #b59355;}
.blok-cd  .cd .naziv_albuma:after{content: ""; background: rgba(0,0,0,.8); position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: -1; padding-top: 20px; pointer-events: none;  }


.blok-cd .cd .godina_albuma{display: block; font-size: 40px; font-family: number; text-align: center; padding: 20px 0;  overflow: hidden;
  text-align: center; color: #b59355;}
.blok-cd .cd .godina_albuma:before, .blok-cd .cd .godina_albuma:after {
  background-color: #b59355;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.blok-cd .cd .godina_albuma:before {
  right: 0.5em;
  margin-left: -25%;
}

.blok-cd .cd .godina_albuma:after {
  left: 0.5em;
  margin-right: -25%;
}
/*DISKOGRAFIJA - PESME*/
.diskografija_pesme{margin-bottom: 40px; font-family: number; position: relative; z-index: 5; width: 95%; margin: auto;}
.diskografija_pesme ul{display: flex; display: flex; justify-content: space-between; ;_background: rgba(0,0,0,.6); 
     margin:5px auto; padding: 10px 0; border-bottom: 1px solid #b59355; position: relative;}
.diskografija_pesme ul li h3{ font-family: number; text-transform: uppercase; font-weight: lighter; font-size: 14px}
.diskografija_pesme ul li{list-style: none; width: 100%; display: flex; align-items: center;}
.diskografija_pesme ul li .icon_song, .diskografija_pesme ul li .icon_text{width: 20px; display: inline-block; padding-right: 5px}
.diskografija_pesme ul li .icon_song img, .diskografija_pesme ul li .icon_text img{width: 100%; ;display: inline-block; filter: invert()}
.diskografija_pesme ul li .youtube_link, .diskografija_pesme ul li .text_pesme{font-size: 14px;}
.diskografija_pesme ul li a{text-decoration: none; display: flex; align-content: center; align-items: center; font-size: 17px}
.diskografija_pesme ul li:nth-child(2){display: flex;justify-content: center;}
.diskografija_pesme ul li:last-child{display: flex;justify-content: right;}

.diskografija .pageTitle{text-align: center; padding: 20px 0;}

/*PESME ALERT BOX*/
#cela_pesma {display:none;}

#cela_pesma{
    display:none;
    position:fixed;
    top:20%;right:10%;
    z-index: 100;
    width:80vw;
    height: 50vh;
    background:#555555;
    border:3px solid #999;
    border-radius:10px;
    box-shadow: 30px 15px  30px 0 rgba(0,0,0,0.31), 0 5px 15px 0 rgba(0,0,0,0.38);
    overflow-y:auto;
    padding:40px 20px 0 20px;
    box-sizing: border-box;
    text-align: center;
    font-size: 20px;
}

#cela_pesma .close{
 position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding: 4px 20px 0 10px;
  text-align: center;
  color: #FFF;
  width: 20px;
  height: 20px;
  cursor: pointer;
  font-family: icons;
  font-size: 30px;
}



#cela_pesma.hidden{position: absolute; top: 0; right:calc(100% - 80%) ;background: rgba(250,250,250,.9); color: #444; width: 400px; padding: 20px; z-index: 10; font-size: 18px;}
#cela_pesma.sakrij{display: none!important;}
#cela_pesma.sakrij.hidden{display: block!important;}

/*BIOGRAFIJA*/
.biografija{
    background-image: url('../../cms_upload/pages/files/8_show_effect.png'); 
    background-attachment:  fixed; 
    background-size: cover ; 
}
.biografija .catTitle{text-align: center;  display: none}
.biografija .pageBody {width: 100%; margin: auto; padding: 0px 0px; position: relative; z-index: 1 }
.biografija .pageBody p{margin-bottom: 10px;  margin-top: 40px}
.biografija .pageBody p:nth-child(2n):first-letter{
    color: #f3f3f3;
  float:  left;
  font-size: 4rem;
  line-height: 4vw;
  padding-right: 8px;
}

.biografija .pageBody >p:nth-child(1){font-size: 22px; }
.biografija .pageBody .biografija_page{width: 90%; margin: auto;}
.biografija p i{

  transform: translate(-0%,-50%);
  padding: 12px 0px;
  color: #ffffff;
  background: linear-gradient(to right, #4d4d4d 0, white 10%, #4d4d4d 20%);
  background-position: 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 3s infinite linear;
  animation-fill-mode: forwards;
  -webkit-text-size-adjust: none;
  font-weight: 600;
  font-size: 25px;
  text-decoration: none;
  width: 100%!important;
     
    }
@keyframes shine{
  0%{
    background-position: 0;
  }
  60%{
    background-position: 500px;
  }
  100%{
    background-position: 800px;
  }
}

.biografija .pageBody p{font-size: 16px; line-height: 1.6em}
.biografija .pageBody p:last-child{font-size: 30px}
.biografija .pageBody ul{padding-left: 20px; margin-top: 20px}
.biografija .pageBody ul li{list-style-type:  disclosure-closed; padding-bottom: 10px; font-size: 16px; line-height: 1.6em}

/*EISEBERG*/
.eiseberg{
    background-image: url('../../cms_upload/pages/files/8_show_effect.png'); 
    background-attachment:  fixed; 
    background-size: cover ; 
}

.eiseberg .prvi-pasus {border-bottom: 1px solid #b59355;padding-bottom: 30px;margin-bottom: 30px}
.eiseberg .pageBody h3{margin: 30px 0 15px}
.eiseberg .pageBody ul {margin: 20px 0;}
.eiseberg .pageBody ul li{list-style-type:  disclosure-closed; padding-bottom: 8px}

.peti_blok {padding: 30px 0}
.eisberg-home-reklama {margin: 30px 0 0px};
/*KONTAKT*/
.kontakt .pageTitle{color: #fff}
.kontakt{
    background-image: url('../../cms_upload/pages/files/8_show_effect.png'); 
    background-attachment:  fixed; 
    background-size: cover ; 
   
}

.kontakt_forma input {

}


.kontakt .pageTitle{text-align: center; margin: 20px 0px}
.kontakt_forma .container {
  position: relative;
  width: 100%;
  height: auto;
  border-radius: 20px;
  padding: 10px 60px 30px;
  box-sizing: border-box;
  background: rgba(0,0,0,.5);
  z-index: 1;
    margin: 0px 0px 40px
 
}

.saradnici-kontakt{text-align: center; padding-bottom: 30px}
.kontakt_forma form{width: 100%;}
.kontakt_forma .container .brand-title {
  padding-top: 10px;
  font-size: 30px;
  color: #fff;;
}

.kontakt_forma .container .inputs {
  text-align: left;
  width: 100%; display: block
}

.kontakt_forma .container label,.kontakt_forma .container input,.kontakt_forma .container button {
  display: block;
  width: 100%;
  padding: 5px 0px;
  border: none;
  outline: none;
  box-sizing: border-box;
}

.kontakt_forma .container label {
  margin-bottom: 4px;
  font-size: 16px;
  margin-top: 15px
}

.kontakt_forma .container input::placeholder {
  color: gray;
}

.kontakt_forma .container input {
  width:100%;
  display: block;
  background: #ecf0f3;
  padding: 6px 10px;
  padding-left: 15px;
  height: 40px;
  font-size: 14px;
  border-radius: 10px;
  box-shadow: inset 6px 6px 6px #cbced1, inset -6px -6px 6px white;
}
.kontakt_forma .container input:last-child{height: 100px}

.kontakt_forma .container button {
  color: white;
  margin-top: 20px;
  background: #b59355;;
  height: 40px;
  border-radius: 20px;
  cursor: pointer;
  font-weight: 900;
  box-shadow: 6px 6px 1px #222;
  transition: 0.5s;
    width: 40%; margin: 30px auto 5px; display: block;
}

.kontakt_forma .container button:hover {
  box-shadow: none;
}

.kontakt_forma .container a {
 position: absolute;
  font-size: 8px;
  bottom: 4px;
  right: 4px;
  text-decoration: none;
  color: black;
  background: yellow;
  border-radius: 10px;
  padding: 2px;
}

.kontakt_forma .container h1 {
  position: absolute;
  top: 0;
  left: 0;
}



/*PAGES*/
.index .pageBody {width: 100%}
.pageBody {width: 90%; margin: auto; font-size: 16px; line-height: 1.5em;}
.pageBody .naslovna-slika{display: none}
.koncerti_i_turneje .pageBody, .diskografija .pageBody{width: 100%;}

/*NAVIGACIJA*/

#coll_left{order: 2; margin-top:20px; background: #fff}
#coll_left li{list-style: none}
#coll_left h3 a,#coll_left li a{ display: block; padding: 15px; border-bottom: 1px solid #ddd;
    font-size: 16px; box-sizing: border-box}
#coll_left h3 a{background: var(--pg); color: #fff;font-size: var(--fm);}
.markerStrane a,.markerKategorije>a{color: var(--main); font-weight: bold; }
#coll_left .bocniMeniStrane>li>a{text-transform: uppercase}
#coll_left .bocniMeniStrane li ul li a{position: relative; display: flex; align-items: center}
#coll_left .bocniMeniStrane li ul li a:before{content: url('../../../cms_upload/pages/files/112_sapa2.png');
    display: inline-block; padding-right: 5px}
#coll_left .markerPodStrane a{color:var(--main) }





/*FOOTER*/

.oblast_futera {
    padding-top: 30px;
    width:100%;
    background: #1a1a1a;


}
.oblast_futera{font-size: 16px; border-top: 1px solid var(--gold)}
.oblast_futera .verticalList{text-align: center; margin-top: 10px}
.oblast_futera .horizontalList {display: flex; align-content: center;justify-items: center;  width: 60%;margin: 20px auto; justify-content: center}
.oblast_futera .horizontalList a{width: 60%; display: block; margin: auto;}
.oblast_futera .horizontalList a img{width: 100%; display: block; filter:invert(.5)}
.oblast_futera .footerLogo {width: 20%; margin: 20px auto auto}
.oblast_futera .footerLogo img{width: 100%; display: block; filter: invert(1);}
.oblast_futera .moj_tim{margin-top: 35px}
.oblast_futera .moj_tim h2, .oblast_futera .moj_tim p{text-align: center}