@font-face {
    font-family: 'Ethnocentric';
    src: url('fonts/Ethnocentric-Regular.woff2') format('woff2'),
        url('fonts/Ethnocentric-Regular.woff') format('woff'),
        url('fonts/Ethnocentric-Regular.ttf') format('truetype');
        font-display: swap;
}




.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q {background-color:transparent!important;
    box-shadow: 0px 0px 0px #99a!important;}


.fa-ban,.fa-check {margin-left:3px}





body {font-size:16px}
#mobile-lang-menu {display:none;float: right}
#desktop-lang-menu {width:150px;display:inline;float: right}
.footer-text{text-align:center}
 .tt-menu-nav>li>a {
      font-size: 14px;
}
/* Hamburger Icon in Modal */
.tt-m-menu-toggle-btn2 {
display: inline;
position: relative;
top: 10px;
cursor: pointer;
padding: 8px;
margin: 5px;
z-index: 1000;
font-size: 20px;
}
.owl-dot {display:none!important}
#hamb {
    font-size: 20px;
    float: right;
    top: 4px;
    display: inline
}

#clo {
    font-size: 20px;
    display: inline;
    position: relative;
    float: right;
    top: 12px;
    cursor: pointer;
    padding: 8px;
    margin: 5px;
    z-index: 1000;
    padding-top: 5px;
    margin-right: 15px
}

.modal-header>#logo {
    float: left;
    width: 60%
}

.right-group {
    width: 40%;
    float: right
}




.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-dropdown,
.select2-results {
  font-family: 'Roboto', 'Segoe UI', Arial, sans-serif !important;
}
.quantity-input {
    width: 100px;
    height: 30px;
    font-size: 13px;
    padding: 4px 6px;
    margin: 0 10px 0 0;
	float: right;
  }
  .naslov-mobitel-logo {color:#fff;font-family: 'Ethnocentric', sans-serif;
    font-size: 22px;}

 
 
  .language-button{background-color:transparent;float: right !important;}
   .language-button:hover{background-color:transparent}
  .modal-header>#logo span {margin-right: 5px;color: #fff;font-size:22px}
.modal-header>#logo {

		float: left;padding-top: 13px;
	}
 
 
 .language-button:hover, .language-button.focus, .language-button:focus, .language-button.active, .language-button:active, .language-button.active.focus, .language-button.active:focus, .language-button.active:hover, .language-button:active.focus, .language-button:active:focus, .language-button:active:hover, .open > .dropdown-toggle.language-button, .open > .dropdown-toggle.language-button.focus, .open > .dropdown-toggle.language-button:focus, .open > .dropdown-toggle.language-button:hover{background-color:transparent}
.diva-id {
    width: 100%;
    margin: 20px auto 20px 0;
    padding-left: 0;
    margin-left: 0px;
    margin-top: 0;
}
#slazem-se {
   vertical-align: middle;
   position: relative;
   width: 25px;
   height: 25px;
   margin: 0;

}

 .btn-respons {
     width: 99%;
  background-color: #2f8585;
  background-image: linear-gradient(179deg, #40b1b1, #1f685a);
  border:1px solid #979191;
 }
 .btn-respons:hover {
     width: 99%;
     background-color: #2f8585;
     background-image: linear-gradient(179deg, #1f685a, #40b1b1);
     border: 0px solid #979191;
 }

 .btn-respons:hover,
 .btn-respons.focus,
 .btn-respons:focus,
 .btn-respons.active,
 .btn-respons:active,
 .btn-respons.active.focus,
 .btn-respons.active:focus,
 .btn-respons.active:hover,
 .btn-respons:active.focus,
 .btn-respons:active:focus,
 .btn-respons:active:hover,
 .open>.dropdown-toggle.btn-respons,
 .open>.dropdown-toggle.btn-respons.focus,
 .open>.dropdown-toggle.btn-respons:focus,
 .open>.dropdown-toggle.btn-respons:hover {
     background-color: #2f8585;
 background-image: linear-gradient(357deg, #1f685a, #40b1b1);
     border: 1px solid #979191;
 }

 /*
.btn-advent {
     width: 99%;
background-color: #11608f;
    background-image: linear-gradient(139deg, #0d547f, #1a3343);
  border:1px solid #979191;
 }


 .btn-advent:hover,
 .btn-advent.focus,
 .btn-advent:focus,
 .btn-advent.active,
 .btn-advent:active,
 .btn-advent.active.focus,
 .btn-advent.active:focus,
 .btn-advent.active:hover,
 .btn-advent:active.focus,
 .btn-advent:active:focus,
 .btn-advent:active:hover,
 .open>.dropdown-toggle.btn-advent,
 .open>.dropdown-toggle.btn-advent.focus,
 .open>.dropdown-toggle.btn-advent:focus,
 .open>.dropdown-toggle.btn-advent:hover {
background-color: #11608f;
    background-image: linear-gradient(139deg,  #1a3343, #0d547f);
     border: 1px solid #979191;
 }


.btn-e-fest {
    width: 99%;
    background-color: #c54f23;
  background-image: linear-gradient(182deg, #522819, #d14248);
    border: 1px solid #979191;
}








.btn-e-fest:hover,
.btn-e-fest.focus,
.btn-e-fest:focus,
.btn-e-fest.active,
.btn-e-fest:active,
.btn-e-fest.active.focus,
.btn-e-fest.active:focus,
.btn-e-fest.active:hover,
.btn-e-fest:active.focus,
.btn-e-fest:active:focus,
.btn-e-fest:active:hover,
.open>.dropdown-toggle.btn-e-fest,
.open>.dropdown-toggle.btn-e-fest.focus,
.open>.dropdown-toggle.btn-e-fest:focus,
.open>.dropdown-toggle.btn-e-fest:hover {
    background-color: #11608f;
      background-image: linear-gradient(360deg, #d14248, #522819);
    border: 1px solid #979191;
}

.btn-objekti {
    width: 99%;
     background-color: #833f8d;
     background-image: linear-gradient(355deg, #9b4ca7, #432a46);
    border: 1px solid #979191;
}


.btn-objekti:hover,
.btn-objekti.focus,
.btn-objekti:focus,
.btn-objekti.active,
.btn-objekti:active,
.btn-objekti.active.focus,
.btn-objekti.active:focus,
.btn-objekti.active:hover,
.btn-objekti:active.focus,
.btn-objekti:active:focus,
.btn-objekti:active:hover,
.open>.dropdown-toggle.btn-objekti,
.open>.dropdown-toggle.btn-objekti.focus,
.open>.dropdown-toggle.btn-objekti:focus,
.open>.dropdown-toggle.btn-objekti:hover {
     background-color: #833f8d;
     background-image: linear-gradient(177deg, #9b4ca7, #432a46);
    border: 1px solid #979191;
}
.btn-smartgym {
    width: 99%;
    background-color: #258c97;
    background-image: linear-gradient(360deg, #195f7f, #44b6c5);
    border: 1px solid #979191;
}




.btn-smartgym:hover,
.btn-smartgym.focus,
.btn-smartgym:focus,
.btn-smartgym.active,
.btn-smartgym:active,
.btn-smartgym.active.focus,
.btn-smartgym.active:focus,
.btn-smartgym.active:hover,
.btn-smartgym:active.focus,
.btn-smartgym:active:focus,
.btn-smartgym:active:hover,
.open>.dropdown-toggle.btn-smartgym,
.open>.dropdown-toggle.btn-smartgym.focus,
.open>.dropdown-toggle.btn-smartgym:focus,
.open>.dropdown-toggle.btn-smartgym:hover {
    background-color: #258c97;
    background-image: linear-gradient(180deg, #195f7f, #44b6c5);
    border: 1px solid #979191;
}

.btn-memorijali {
    width: 99%;
    background-color: #707375;
    background-image: linear-gradient(360deg, #707375, #2e3233);
    border: 1px solid #979191;
}



.btn-memorijali:hover,
.btn-memorijali.focus,
.btn-memorijali:focus,
.btn-memorijali.active,
.btn-memorijali:active,
.btn-memorijali.active.focus,
.btn-memorijali.active:focus,
.btn-memorijali.active:hover,
.btn-memorijali:active.focus,
.btn-memorijali:active:focus,
.btn-memorijali:active:hover,
.open>.dropdown-toggle.btn-memorijali,
.open>.dropdown-toggle.btn-memorijali.focus,
.open>.dropdown-toggle.btn-memorijali:focus,
.open>.dropdown-toggle.btn-memorijali:hover {
    background-color: #707375;
    background-image: linear-gradient(180deg, #707375, #2e3233);
    border: 1px solid #979191;
}

#memorijaliKraj>input:hover[type="date"] {
    background-color: #707375;
    background-image: linear-gradient(180deg, #707375, #2e3233);
    border: 1px solid #979191;
}
#adventPocetak>input:hover,
#adventKraj>input:hover[type="date"] {
    background-color: #11608f;
    background-image: linear-gradient(139deg, #0d547f, #1a3343);
    border: 1px solid #979191;
}



#manifestacijePocetak>input:hover,
#manifestacijeKraj>input:hover[type="date"] {
    background-color: #11608f;
    background-image: linear-gradient(360deg, #d14248, #522819);
    border: 1px solid #979191;
}

#teretaneKraj>input:hover[type="date"] {
    background-image: linear-gradient(360deg, #195f7f, #44b6c5);
    border: 1px solid #979191;
}
*/
 
 #pad-izb {
     padding-left: 30px;
     color: #7c7777 !important;
     width: 100% ;top: 60px;
     max-height: 350px;
     overflow-y: auto;
     height: auto;
 }
 #pad-izb2 {
     padding-left: 30px;
     color: #7c7777 !important;
     width:100%;
     top: 60px;
     max-height: 350px;
     overflow-y: auto;
      height: auto;
 }
  #pad-izb3 {
      padding-left: 30px;
      color: #7c7777 !important;
      width: 100%;
      top: 60px;
      max-height: 178px;
      overflow-y: auto;
       height: auto;
  }
    #pad-izb4 {
        padding-left: 30px;
        color: #7c7777 !important;
        width: 100%;
        top: 60px;
        max-height: 350px;
        overflow-y: auto;
        height: auto;
    }
       #pad-izb5 {
          padding-left: 30px;
          color: #7c7777 !important;
          width: 100%;
          top: 60px;
          max-height: 350px;
          overflow-y: auto;
          height: auto;
      }
        #pad-izb6 {
            padding-left: 30px;
            color: #7c7777 !important;
            width: 100%;
            top: 60px;
            max-height: 850px;
            
            height: auto;
        }
 #pad-izb7,
 #pad-izb8,
 #pad-izb9,
 #pad-izb10,
 #pad-izb11,
 #pad-izb12,
 #pad-izb13,
 #pad-izb14,
 #pad-izb15,
 #pad-izb16,
 #pad-izb17,
 #pad-izb18,
 #pad-izb19,
 #pad-izb20,
 #pad-izb21,
 #pad-izb22,
 #pad-izb23,
 #pad-izb24,
 #pad-izb25,
 #pad-izb26,
 #pad-izb27,
 #pad-izb28,
 #pad-izb29,
 #pad-izb30,
 #pad-izb31,
 #pad-izb32,
 #pad-izb33,
 #pad-izb34,
 #pad-izb35,
 #pad-izb36,
 #pad-izb37,
 #pad-izb38,
 #pad-izb39,
 #pad-izb40,
 #pad-izb41,
 #pad-izb42,
 #pad-izb43,
 #pad-izb44,
 #pad-izb45,
 #pad-izb46,
 #pad-izb47,
 #pad-izb48,
 #pad-izb49,
 #pad-izb50 {
     padding-left: 30px;
     color: #7c7777 !important;
     width: 100%;
     top: 60px;
     max-height: 850px;
     height: auto;
 }

.check {
    padding-top: 3px;
    position: absolute;
    left: 0;
    margin-left: -20px;
    vertical-align: bottom;
}
li:hover {
    cursor: pointer
}
  .padajuci {
      padding-left: 30px;
      color: #7c7777 !important;
      width: 100%;
      top: 60px;
      max-height: 350px;
      overflow-y: auto;
       height: auto;
  }
#izb-kult {padding: 0!important;}
#izb-kult2 {padding: 0 !important;}
#izb-kult3 {
    padding: 0 !important;
}
#izb-kult4 {
    padding: 0 !important;
}
#izb-kult5 {
    padding: 0 !important;
}
#izb-kult6{
    padding: 0 !important;
}
#izb-kult7,
#izb-kult8,
#izb-kult9,
#izb-kult10,
#izb-kult11,
#izb-kult12,
#izb-kult13,
#izb-kult14,
#izb-kult15,
#izb-kult16,
#izb-kult17,
#izb-kult18,
#izb-kult19,
#izb-kult20,
#izb-kult21,
#izb-kult22,
#izb-kult23,
#izb-kult24,
#izb-kult25,
#izb-kult26,
#izb-kult27,
#izb-kult28,
#izb-kult29,
#izb-kult30,
#izb-kult31,
#izb-kult32,
#izb-kult33,
#izb-kult34,
#izb-kult35,
#izb-kult36,
#izb-kult37,
#izb-kult38,
#izb-kult39,
#izb-kult40,
#izb-kult41,
#izb-kult42,
#izb-kult43,
#izb-kult44,
#izb-kult45,
#izb-kult46,
#izb-kult47,
#izb-kult48,
#izb-kult49,
#izb-kult50 {
    padding: 0 !important;
}

#izb-kult8>.dropdown-menu>li,
#izb-kult9>.dropdown-menu>li,
#izb-kult10>.dropdown-menu>li,
#izb-kult11>.dropdown-menu>li,
#izb-kult12>.dropdown-menu>li,
#izb-kult13>.dropdown-menu>li,
#izb-kult14>.dropdown-menu>li,
#izb-kult15>.dropdown-menu>li,
#izb-kult16>.dropdown-menu>li,
#izb-kult17>.dropdown-menu>li,
#izb-kult18>.dropdown-menu>li,
#izb-kult19>.dropdown-menu>li,
#izb-kult20>.dropdown-menu>li,
#izb-kult21>.dropdown-menu>li,
#izb-kult22>.dropdown-menu>li,
#izb-kult23>.dropdown-menu>li,
#izb-kult24>.dropdown-menu>li,
#izb-kult25>.dropdown-menu>li,
#izb-kult26>.dropdown-menu>li,
#izb-kult27>.dropdown-menu>li,
#izb-kult28>.dropdown-menu>li,
#izb-kult29>.dropdown-menu>li,
#izb-kult30>.dropdown-menu>li,
#izb-kult31>.dropdown-menu>li,
#izb-kult32>.dropdown-menu>li,
#izb-kult33>.dropdown-menu>li,
#izb-kult34>.dropdown-menu>li,
#izb-kult35>.dropdown-menu>li,
#izb-kult36>.dropdown-menu>li,
#izb-kult37>.dropdown-menu>li,
#izb-kult38>.dropdown-menu>li,
#izb-kult39>.dropdown-menu>li,
#izb-kult40>.dropdown-menu>li,
#izb-kult41>.dropdown-menu>li,
#izb-kult42>.dropdown-menu>li,
#izb-kult43>.dropdown-menu>li,
#izb-kult44>.dropdown-menu>li,
#izb-kult45>.dropdown-menu>li,
#izb-kult46>.dropdown-menu>li,
#izb-kult47>.dropdown-menu>li,
#izb-kult48>.dropdown-menu>li,
#izb-kult49>.dropdown-menu>li,
#izb-kult50>.dropdown-menu>li {
    padding: 6px 10px;
}




#izb-kult7>.dropdown-menu label.checkbox,#izb-kult8>.dropdown-menu label.checkbox,#izb-kult9>.dropdown-menu label.checkbox,#izb-kult10>.dropdown-menu label.checkbox,#izb-kult11>.dropdown-menu label.checkbox,#izb-kult12>.dropdown-menu label.checkbox { display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    height: auto;}

#izb-kult13>.dropdown-menu label.checkbox,#izb-kult14>.dropdown-menu label.checkbox,#izb-kult15>.dropdown-menu label.checkbox,#izb-kult16>.dropdown-menu label.checkbox,#izb-kult17>.dropdown-menu label.checkbox,#izb-kult18>.dropdown-menu label.checkbox,#izb-kult19>.dropdown-menu label.checkbox,#izb-kult20>.dropdown-menu label.checkbox,#izb-kult21>.dropdown-menu label.checkbox,#izb-kult22>.dropdown-menu label.checkbox,#izb-kult23>.dropdown-menu label.checkbox,#izb-kult24>.dropdown-menu label.checkbox,#izb-kult25>.dropdown-menu label.checkbox,#izb-kult26>.dropdown-menu label.checkbox,#izb-kult27>.dropdown-menu label.checkbox,#izb-kult28>.dropdown-menu label.checkbox,#izb-kult29>.dropdown-menu label.checkbox,#izb-kult30>.dropdown-menu label.checkbox,#izb-kult31>.dropdown-menu label.checkbox,#izb-kult32>.dropdown-menu label.checkbox,#izb-kult33>.dropdown-menu label.checkbox,#izb-kult34>.dropdown-menu label.checkbox,#izb-kult35>.dropdown-menu label.checkbox,#izb-kult36>.dropdown-menu label.checkbox,#izb-kult37>.dropdown-menu label.checkbox,#izb-kult38>.dropdown-menu label.checkbox,#izb-kult39>.dropdown-menu label.checkbox,#izb-kult40>.dropdown-menu label.checkbox,#izb-kult41>.dropdown-menu label.checkbox,#izb-kult42>.dropdown-menu label.checkbox,#izb-kult43>.dropdown-menu label.checkbox,#izb-kult44>.dropdown-menu label.checkbox,#izb-kult45>.dropdown-menu label.checkbox,#izb-kult46>.dropdown-menu label.checkbox,#izb-kult47>.dropdown-menu label.checkbox,#izb-kult48>.dropdown-menu label.checkbox,#izb-kult49>.dropdown-menu label.checkbox,#izb-kult50>.dropdown-menu label.checkbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    height: auto;
}


 .shadow-box {
     box-shadow: 2px 2px 4px rgb(152 145 145 / 70%), 0 1px 3px rgb(0 0 0 / 93%);
     
 }

 
.text-label {
    cursor: pointer!important;
}

 
.service-entry>.tt-heading>.tt-heading-inner>.tt-heading-subtitle {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0px;
    font-family: 'Ethnocentric', sans-serif;
    text-align: center;
    font-size: 28px;
}

#serviceSelect {
    background-color: #2f8585;
    background-image: linear-gradient(179deg, #40b1b1, #1f685a);
    border: 1px solid #979191;
    color:#fff;
    font-size: 16px;
}

#serviceSelect:hover {
 background-color: #2f8585;
 background-image: linear-gradient(357deg, #1f685a, #40b1b1);
 border: 1px solid #979191;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}



.izbornik-usluga {font-size:18px;}

.izbornik-usluga {
   background-image:none;
   background-color: white;
   }

.usluga {
    font-size: 16px;
    padding: 5px;
    margin: 5px;
    color: #333;
    background-image:none;
    cursor: pointer;
    background-color: white;
}
.hr-ponude {
    position: relative;
    max-width: 94%;
    margin-top: 0px;
    margin-bottom: 30px!important;
    margin-left: 0;
    margin-right: auto;
    border: 0;
    border-top: 2px solid #40fbf282;
    text-align: left;
    margin: 0px auto 10px auto;
    display: block;
    clear: both;
    ;
}
.service-entry>.row>.col-lg-3,
.service-entry>.row>.col-lg-4,
.service-entry>.row>.col-lg-6,
.service-entry>.row
 {
    margin-bottom: 15px;
   
 
}

.like-form-control {
    padding-right: 15px;
    padding-left: 15px;

}
.p0 {padding:0!important}
.service-entry>.like-form-control>.col-lg-3,
.service-entry>.like-form-control>.col-lg-4 {
    padding: 0 5px;
}


.form-control,
.panel-heading {
    border-radius: 8px
}

.service-entry {
 margin-bottom: 10px;
 background-color: #2f8585;
 background-image: linear-gradient(179deg, #2f8585, #236e5f);
 background-repeat: no-repeat;
 color: #fdfdfd;
 border-radius: 7px;
 transition: border-color 1s,
 box-shadow 0.5s;
 box-shadow: 2px 1px 1px rgb(141 130 130 / 30%),
 0 1px 3px rgb(0 0 0 / 73%);
 margin-top: 0px;
 padding: 28px;
}
/*
#advent {
    background-color: #11608f;
    background-image: linear-gradient(139deg, #0d547f, #1a3343);
}
#manifestacije {
    background-color: #c54f23;
    background-image: linear-gradient(149deg, #522819, #d14248);
}
#objekti {
   background-color: #833f8d;
   background-image: linear-gradient(355deg, #9b4ca7, #432a46);
}

#objektiKraj>input:hover[type="date"] {
background-color: #833f8d;
background-image: linear-gradient(355deg, #9b4ca7, #432a46);
    border: 1px solid #979191;
}

#smart-gym {
    background-color: #258c97;
    background-image: linear-gradient(180deg, #258c97, #3c9cd9);
}

#e-memorijali { background-color: #1a1a19;background-image: linear-gradient(2deg, #52524c, #1a1a19);}

#advent { background-color: #11608f; background-image: linear-gradient(179deg, #11608f, #19638f);}
#manifestacije {background-color: #c54f23;background-image: linear-gradient(2deg, #c54f23, #c7530f);}
#objekti {background-color: #833f8d;background-image: linear-gradient(177deg, #833f8d, #715474);}
#smart-gym { background-color: #727014; background-image: linear-gradient(177deg, #727014, #97b111);}
#e-memorijali { background-color: #1a1a19;background-image: linear-gradient(2deg, #52524c, #1a1a19);}*/
.service-entry>.mt-20 {
    margin-bottom: 10px;
    margin-top: 0px;
}

#info-city {display: block;}
.footer-naziv {
    font-family: 'Ethnocentric', sans-serif;
    font-size:18px;
    color:#fff
}
.intro-title,
.tt-heading-title {
    font-family: 'Ethnocentric', sans-serif;
    
}
.mt-20{margin-top:20px}
.font-e {
    font-family: 'Ethnocentric', sans-serif;
    color:#08c1b8;
    text-align: center;
}
input[type="date"] {
    -webkit-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    color:#000!important;
}



input[type="date"] {
    color: #333 !important;
    /* background-color: #4da766e6; */
    background-color: #2f8585;
   background-image: linear-gradient(357deg, #fff, #fff);
    border: 1px solid #979191;
}

input:hover[type="date"] {
    background-color: #2f8585;
    background-image: linear-gradient(357deg, #1f685a, #40b1b1);
    border: 1px solid #979191;
}



input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    color: #000;
    /* Bijeli kalendar ikonica u Chrome/Safari */
}
input[type="date"].form-control {
    height: auto;
    padding: 0.5rem 1rem;
    color:#fff;
}
.btn {
    border-radius: 8px
}


hr.hr-long {
    position: relative;
    max-width: 80%;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: auto;
    border: 0;
    border-top: 6px solid #727a7a;
    text-align: left;
    float: none;
    display: block;
    clear: both;
}
.pad3 {padding: 3%}
.pad10 {padding:0 10%}
.tt-menu-nav>li {text-transform: uppercase;}
.tt-submenu {text-transform:none;
}
#tt-intro .intro-description {margin-left: 0;}
.kontakt-info {
    font-family: 'Ethnocentric', sans-serif;
    color: #626768; font-size: 12px;
}

.filter-info,.filter-info>a {
    font-family: 'Ethnocentric', sans-serif;
    color: #626768 !important;
    font-size: 12px;
    margin: 0 10px;
    padding: 10px;
}

.poveznica>a {
    color: #0598d1;font-size: 16px;
}

.poveznica>a:hover {
    color: #0b82b1
}
.signature {
    margin-top: 0px;
}

.owl-carousel .owl-nav button.owl-next {background-image: none;}
.owl-carousel .owl-nav button.owl-prev {
    background-image: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    top: 50%;
    width: 42px;
    height: 90px;
    line-height: 90px;
    background-color: rgba(0, 0, 0, 0.3);
    background-size: 78%;
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 55px;
    color: #FFF;}

    
.projekt {
    font-family: 'Ethnocentric', sans-serif;
    color: #626768;
}

.projekt-white {
    font-family: 'Ethnocentric', sans-serif;
    color: #fff;
}

.projekt-gold {
    font-family: 'Ethnocentric', sans-serif;
    font-weight: bold;
    background: linear-gradient(90deg, #FFD700, #FFA500, #FFD700, #FFF5B7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.podnaslov {
    font-family: 'Ethnocentric', sans-serif;
    font-size: 20px;
    color: #626768;
    text-decoration: underline;
}
  //*.cookies-box.show {
      bottom: 0px;
  }

  .cookies-box {
      position: fixed;
      max-width: 100%;
      left: 0;
      right: 0;
      bottom: 0px;
      width: 100%;
      background-image: linear-gradient(181deg, #0c0c0c9e, #1a1a1cc7);
      padding: 25px;
      margin: 0 auto;
      color: #112d32;
      transition: all 0.3s ease;
      display: none;
      z-index: 500000;
  }

  .cookies__title {
      font-family: 'Ethnocentric', sans-serif;
      color: aliceblue;
  }

  .cookies__text {
      color: aliceblue;
  }



  .cookies-box.show {
      display: block !important;
      bottom: 0 !important;
  }*/

  .btn {
      border-radius: 6px
  }


.tt-heading-title {
    color: #626768
}
.slika1 { background-position:50% 50%}
.slika2 {background-position: 50% 50%}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    width: 60px;
    background-color: rgba(0, 0, 0, 0.6);
}

.naslov-mobitel {
    font-family: 'Ethnocentric',
    sans-serif;
    font-size: 22px;
    color: #626768;
    ;
}
.qr-infinity {
    background-image: url(../img/intro/opt/qr-infinity-trg-bana-jelacica-zagreb.jpg);
    background-position: 50% 50%;
}

.qr-infinity2 {
   background-image: url(../img/intro/opt/qr-infinity-crkva-svetog-marka-zagreb.jpg);
   background-position: 50% 50%;
}


.qr-infinity3 {
    background-image: url(../img/intro/opt/qr-infinity-spomenik-kralja-tomislava-zagreb.jpg);
    background-position: 50% 50%;
}


.qr-infinity4 {
    background-image: url(../img/intro/opt/qr-infinity-arena-pula.jpg);
    background-position: 50% 50%;
}

.qr-infinity5 {
    background-image: url(../img/intro/opt/qr-infinity-Odjel-za-WEB-i-razvoj-informacijskoh-sustava-Remetska-cesta-17-Zagreb.jpg);
    background-position: 50% 50%;
}

.qr-infinity6 {
    background-image: url(../img/intro/opt/qr-infinity-spomenik-kralja-tomislava-zagreb.jpg);
    background-position: 50% 50%;
}

.show-only-mobile {
    display: none;
}
.desktop {
    display: block;
    height: 100vh;
}
.mobile {display:none}
.show-only-desktop {
    
}



@media screen and (max-width: 1610px) {
.slika1 {background-position: 30% 50%}
.slika2 {background-position: 30% 50%}
.slika5 { background-position: 30% 50%}
}

@media screen and (max-width: 1530px) {
    .slika1 {
        background-position: 35% 50%
    }

    .slika5 {
        background-position: 100%
    }
}


@media screen and (max-width: 1366px) {
  #info-city {
      display: none;
  }
}

@media screen and (max-width: 1340px) {
    .slika1 { background-position: 35% 50%}
    .slika5 {background-position: 90%}

}

@media screen and (max-width: 1326px) {
    .slika1 {
        background-position: 40% 50%
    }
}

@media screen and (max-width: 1326px) {
    .slika1 {
        background-position: 40% 50%
    }



}

.pad10 {padding: 0 4%}
    
    #tt-intro .intro-caption.center-left {
        background-color: rgba(0, 0, 0, 0.2);
    }

    
.mobile {display: block;}
    .desktop {display: none}

    .qr-infinity {
        background-image: url(../img/intro/opt/qr-infinity-trg-bana-jelacica-zagreb2.jpg);
       
    }
    .qr-infinity2 {background-image: url(../img/intro/opt/qr-infinity-crkva-svetog-marka-zagreb.png);}


    .qr-infinity3 {
        background-image: url(../img/intro/opt/qr-infinity-arena-pula.png);
    }



    .qr-infinity4 {
        background-image: url(../img/intro/opt/qr-infinity.png)
    }

.qr-infinity5 {
    background-image: url(../img/intro/opt/qr-infinity-Odjel-za-WEB-i-razvoj-informacijskoh-sustava-Remetska-cesta-17-Zagreb.png);
    }

.qr-infinity6 {
    background-image: url(../img/intro/opt/qr-infinity-spomenik-kralja-tomislava-zagreb.png);
}



.pad {padding-top:10px}

   

    
    
}





@media screen and (max-width: 1171px) {

}
#header #logo img {
    width: 80%;
    height: auto;
    margin-top: 6px
}
.header-inner {
    position: relative;
    padding-left:5px;
}

.tt-menu-nav>li {
    margin-left: 2px;
    margin-right: 2px;
}






@media screen and (max-width: 700px) {
.pad {
    padding-top: 80%}
 .btn-respons,.btn-advent {
     width:100%
 }
 
 .btn-group>.btn:first-child {
    font-size:12px
}
 
 

.modal-header>#logo{width: 52%;}
.right-group {width: 47%;}
.#mobile-lang-menu {
    width: 70px}


 #pad-izb {
     padding-left: 30px;
     width: 100% ;top: 60px;
      max-height: 350px;
       height: auto;
       min-height: 190px;
 }
 #pad-izb2 {
     padding-left: 30px;
     width: 100%;
     top: 60px;
      max-height: 350px;
       height: auto;
       min-height: 190px;
 }
 #pad-izb3 {
     padding-left: 30px;
     width: 100%;
     top: 60px;
      max-height: 350px;
       height: auto;
       min-height: 190px;
 }
  #pad-izb4 {
      padding-left: 30px;
      width: 100%;
      top: 60px;
      max-height: 350px;
      height: auto;
      min-height: 190px;
  }
   #pad-izb5 {
       padding-left: 30px;
       width: 100%;
       top: 60px;
       max-height: 350px;
       height: auto;
       min-height: 190px;
   }
    #pad-izb6 {
        padding-left: 30px;
        width: 100%;
        top: 60px;
         max-height: 850px;
        height: auto;
        min-height: 190px;
    }
	 #pad-izb7,
	 #pad-izb8,
	 #pad-izb9,
	 #pad-izb10,
	 #pad-izb11,
	 #pad-izb12,
	 #pad-izb12,
	 #pad-izb13,
	 #pad-izb14,
	 #pad-izb15,
	 #pad-izb16,
	 #pad-izb17,
	 #pad-izb18,
	 #pad-izb19,
	 #pad-izb20,
	 #pad-izb21,
	 #pad-izb22,
	 #pad-izb23,
	 #pad-izb24,
	 #pad-izb25,
	 #pad-izb26,
	 #pad-izb27 {
	     padding-left: 30px;
        width: 100%;
        top: 60px;
         max-height: 850px;
        height: auto;
        min-height: 190px;}
 .padajuci{
    padding-left: 30px;
    width: 100%;
    top: 60px;
     max-height: 350px;
      height: auto;
      min-height: 190px;
}
 .checkbox>input[type=checkbox]
  {
     position: absolute;
     margin-top: 4px\9;
     margin-left: -20px;
     width: 30px;
     height: 30px;
     margin: 0 0 0 -42px;
     /* vertical-align: top; */
 }
 .checkbox input[type=checkbox],
 .checkbox-inline input[type=checkbox],
 .radio input[type=radio],
 .radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px\9;
    margin-left: -20px;
    width: 30px;
    height: 30px;
    margin: 0 0 0 -42px;
    /* vertical-align: top; */
 }
 .check {
        position: absolute;
        margin-top: 4px\9;
        margin-left: -20px;
        width: 30px;
        height: 30px;
        margin: 0 0 0 -42px;
        font-size:26px;
 }


 .text-label {
     display: block;
     clear: both;
     height: 30px;
     margin-left: 20px;
 }
 }
.service-entry>.tt-heading>.tt-heading-inner>.tt-heading-subtitle { font-size: 28px;}

    #tt-intro .intro-caption.center-left {
        top: 50%;
        left: 13%;
        /* margin-right: 5%; */
        /* text-align: left; */
        -moz-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
        -webkit-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important;
        padding: 20px;
        border-radius: 20px;
        background-color: rgba(0, 0, 0, 0.4);
        width: 80%;
        margin: 0 auto;
    }
.filter-info,
.filter-info>a {
    font-family: 'Ethnocentric', sans-serif;
    color: #626768!important;
    font-size: 12px;
    margin: 0 2px!important;
    padding: 0px;
}
    
    .owl-nav {
        opacity: 1 !important;
        visibility: visible !important;
    }

    .owl-nav .owl-prev,
    .owl-nav .owl-next {
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
    }
    #tt-intro .intro-caption.intro-caption-xxlg .intro-title {
        font-size: 25px;
        text-shadow: 2px 2px black;
    }


	.naslov-mobitel {
	    padding: 10px;
	    font-weight: bold;
	    font-weight: bold;
	    padding-top: 20px !important;
	}

	#logo>a>span {
	    top: -2px;
	    position: fixed;
	}

	.cc-image {
	    position: relative;
	    width: 100%;
	    height: 100vh;
	    /* visina cijelog prikaza */
	    overflow: hidden;
	}

	.cc-image-img {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
	    /* isto kao kod background-size: cover */
	    object-position: center;
	    /* centriraj sliku */
	    display: block;
	    z-index: 0;
	}

	.cc-image-img-desktop {
	    position: absolute;
	    top: 0;
	    left: 0;



	    display: block;
	    z-index: 0;
	}

	.desktop {
	    display: block;
	}

	.mobile {
	    display: none;
	}

	@media screen and (max-width: 1200px) {
	    .desktop {
	        display: none;
	    }

	    .mobile {
	        display: block;
        }
		
		
         .show-only-mobile {
             display: table-cell;
             width: 100%;
             height: auto;
             float: right;
         }

         .show-only-desktop {
             display: none;
         }

 

	}


  .likeh1-heading-title {
      font-family: 'Ethnocentric', sans-serif;
      color: #626768;
      font-weight: bold;
      line-height: 1.2;
      margin-top: 0;
      font-size: 36px;
      margin-left: 0;
      margin-right: 0;
  }

  /* Centriranje */
  .text-center .likeh1-heading-title {
      margin-left: auto;
      margin-right: auto;
  }

  /* Poravnanje desno */
  .text-right .likeh1-heading-title {
      margin-left: auto;
  }

  /* Responsive – do 992px */
  @media (max-width: 992px) {
      .likeh1-heading-title {
          font-size: 38px;
      }
	  #mobile-lang-menu {width:70px;display:inline}
#desktop-lang-menu {display:none}
  }

  /* Responsive – dodatna zaštita do 800px */
  @media (max-width: 800px) {
      .likeh1-heading-title {
          font-size: 22px;
      }
      .owl-carousel .owl-nav button.owl-prev,
      .owl-carousel .owl-nav button.owl-next {
          width: 30px;
          background-color: rgba(0, 0, 0, 0.6);
      }
       .service-entry {
           padding: 8px;
       }
       .diva-id {
           width: 100%;
           margin: 10px auto 10px 0;
           padding-left: 0;
           margin-left: 0px;
           
       }
  }

  .likeh1-intro-title {
      font-family: 'Ethnocentric', sans-serif;
      font-size: 48px;
      font-weight: bold;
      color: #ffffff;
      text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      margin: 0;
      display: block;
      line-height: 1.2;
  }

  /* Centriranje ako treba */
  .text-center .likeh1-intro-title {
      margin-left: auto;
      margin-right: auto;
  }

  /* Responsive prilagodbe */
  @media (max-width: 992px) {
      .likeh1-intro-title {
          font-size: 48px;
      }
  }

  @media (max-width: 768px) {
      .likeh1-intro-title {
          font-size: 35px;
      }
      #kontakt-sec{padding-top: 10px;}
     .split-box-content { padding: 4%;}
      #header {
          opacity: 1;
      }
   .pad3 {padding:0}   
  }

  @media (max-width: 1000px) {
      .likeh1-intro-title {
          font-size: 20px;
          text-shadow: 2px 2px black;
      }
  }

	.cookies-box {
	    position: fixed;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    width: 100%;
	    background-image: linear-gradient(181deg, #0c0c0c9e, #1a1a1cc7);
	    padding: 25px;
	    color: white;
	    display: none;
	    z-index: 9999;
	    font-family: sans-serif;
	    transition: all 0.3s ease;
	}

	.cookies-box.show {
	    display: block !important;
    }
    
    .cookies__title {
        font-family: 'Ethnocentric', sans-serif;
        color: aliceblue;
    }

    .cookies__text {
        color: aliceblue;
    }

.img-slajder {display: flex;}

.cc-image>.mobile {
    height: 100vh !important;
}



.cc-height-5 {
    height: 100vh !important;
}

#installAppBtn {
    display: none;
    /* skriven po defaultu */
}



@media (max-width: 767px) {
.show-only-mobile>.lijevo>#logo {padding-top: 18px !important;}
.show-only-mobile>.desno>.tt-m-menu-toggle-btn2{float:right;display:inline;
position: relative;
top: 8px;
cursor: pointer;
padding: 8px;
margin: 5px;
z-index: 1000;
font-size: 20px;}
	/* Hamburger Icon in Modal */
.naslov-mobitel-logo {color:#fff;font-family: 'Ethnocentric', sans-serif;
    font-size: 17px;}
	.show-only-mobile>.desno>.close {float:right;position: relative;
    float:right;
    top: 12px;
    cursor: pointer;
    padding: 8px;
    margin: 5px;
    z-index: 1000;
	font-size:20px}
.lijevo {float:left;display:inline;width:55%}
.desno{float:right;display:inline;width:45%}	
	
	
    #installAppBtn.show {
        display: inline;
    }

	.lijevo>#logo {padding-top: 18px !important;}
	
	
	
	.modal-header>#logo span {font-size:17px}
	.modal-header>#logo {

		float: left;padding-top: 18px;
	}
	
}



@media (max-width: 450px) {
.show-only-mobile>.lijevo>#logo {padding-top: 18px !important;}
.show-only-mobile>.desno>.tt-m-menu-toggle-btn2{float:left;display:inline;
position: relative;
top: 8px;
cursor: pointer;
padding: 8px;
margin: 5px;
z-index: 1000;
font-size: 20px;}
	/* Hamburger Icon in Modal */
.naslov-mobitel-logo {color:#fff;font-family: 'Ethnocentric', sans-serif;
    font-size: 17px;}
	.show-only-mobile>.desno>.close {float:right;position: relative;
    float:right;
    top: 12px;
    cursor: pointer;
    padding: 8px;
    margin: 5px;
    z-index: 1000;
	font-size:20px}
.lijevo {float:left;display:inline;width:55%}
.desno{float:right;display:inline;width:45%}	
	.modal-header>#logo {
	    width: 50%;
	}

	.right-group {
	    width: 49%;
	}

	}
	






@media (max-width: 450px) {
 .modal-header>#logo span {font-size:14px}
	.modal-header>#logo {

		float: left;padding-top: 18px;
	}
	
}






@media screen and (max-width: 1006px) {.tt-submenu-dark .tt-submenu li > a{font-size: 11px;color:#cbc6c6}}

@media screen and (min-width: 1329px) {
   .tt-menu-nav>li {
   
       margin: 0 5px;}
}
@media screen and (max-width: 1280px) {
   .tt-menu-nav>li {
      
       margin: 0 3px;}
	   .tt-menu-nav>li>a{font-size:13px}
	   #header #logo img {
    width: 80%;
	   height: auto;}
}

@media screen and (max-width: 1135px) {
   .tt-menu-nav>li {
     
       margin: 0 3px;}
	   .tt-menu-nav>li>a{font-size:12px}
}

@media screen and (max-width: 1082px) {
  .tt-menu-nav>li>a{font-size:11px} 
}

@media screen and (max-width: 987px) {
  .tt-menu-nav>li>a{font-size:16px} 
  .tt-submenu-dark .tt-submenu li > a {
    font-size: 14px;
    color: #cbc6c6;
}
}