/* - ADMIN EDIT PRIMARY TABS - */
.user-logged-in .region-header .tabs {
  position: fixed;
  display: block;
  top: 30vh;
  left:0;
  max-width:100px;
  z-index: 5;
  background-color: unset;
}

.user-logged-in .region-header .tabs .nav-tabs{
  position:relative;
  left:-95%;
  background-color: #f5f5f5;
  box-shadow:0px 0px 10px #0008;
  transition: all 0.33s ease-in-out;
}

.user-logged-in .region-header .tabs:hover .nav-tabs{
  position:relative;
  left:0px;
}

.user-logged-in .region-header .tabs .nav-tabs li {
  width:100%;
  text-align:center;
  border-bottom:1px solid #ddd;
  border-right:3px solid #fa5;
  margin:0;
}

.user-logged-in .region-header .tabs .nav-tabs li a{
  font-size:1.2rem;
  line-height:20px;
  padding:5px;
  margin:0;
}

.a-head .region-header .tabs--primary a{
  color:#555;
}

.a-head .region-header .tabs--primary li.active a,
.a-head .region-header .tabs--primary li:hover a{
  background-color:#fff;
  color:#000;
}










/* - MONITOR 2k/4k/5k - */

@media only screen and (min-width: 2560px) {





}




/* - MONITOR 1600-1920 - */
@media only screen and (min-width: 1600px) and (max-width: 2559px){







}




/* - MONITOR/LAPTOP 1280-1366-1600 - */
@media only screen and (min-width: 1366px) and (max-width: 1599px){




}


/* - ALL LARGER THAN TABLET - */
@media only screen and (min-width: 1280px){






}






/* - Large Tablet 1024-1280 - */
@media only screen and (min-width: 1024px) and (max-width: 1279px){





}


/* - - - - - - - - - - MOBY landscape - TABLET 768 - 1024 - - - - - - - - - - */
@media only screen and (min-width: 768px) and (max-width: 1023px){
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}	
	
	
/* - - - - - - - - - - MOBY < 768 - - - - - - - - - - */
@media only screen and (max-width: 767px){

body, p, div {
  font-family:"Roboto", Arial, sans-serif;
  font-size:1.6rem;
  font-weight: 300;
}

.page-node-type-article .content .field--name-body,
.page-node-type-organizacija .content .field--name-body,
.page-node-type-article .content .field--name-field-body2,
.page-node-type-organizacija .field--name-field-body2 {
  font-size: 1.6rem;
}

h4, h4 strong {
  font-size:1.8rem;
  font-weight:400;
  color:#050;
}

h3, h3 strong {
  font-size:2rem;
}

h2, h2 strong {
  font-size:2.5rem;
}

/* - MOBY HEADER - */

.body--dxpr-theme-nav-mobile .dxpr-theme-header {
  position: absolute;
}

.navbar .dxpr-theme-fluid.navbar-container {
  padding:0;
}

#navbar .navbar-header .wrap-branding{
  width: 400px !important;
  max-width: 100%;
}

#secondary-header {
  border-radius:0
}
  
#secondary-header .region-secondary-header section {
  max-width: 100%;
  width: 75%;
}

#secondary-header .region-secondary-header section:nth-child(2) {
  width: 25%;
}

#secondary-header .region-secondary-header div:nth-child(1) {
  width: 41%;
}
#secondary-header .region-secondary-header div:nth-child(2) {
  width: 56%;
}

#secondary-header .region-secondary-header .field--name-field-hd-top-cnt-adr{
  display:none;
}

#block-aheadercontactsmk > div {
  padding: 0 5px;
}

#secondary-header .block-language .menu li a {
  font-size: 1rem;
  width:25px;
}

.dxpr-theme-header .navbar-header .region-navigation{
  width:325px;
  max-width:100%;
  float:left;
}

#navbar .navbar-header #logo {
  height: 50px;
}


.dxpr-theme-header .navbar-header .navbar-brand{
  font-size: 1.4rem;
  font-weight: 400;
  height: 40px;
  width: 200px;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: 0;
  text-shadow: 1px 1px #0008;
}

.body--dxpr-theme-nav-mobile .dxpr-theme-header #dxpr-theme-menu-toggle {
  padding: 10px 30px 15px 0;
  float:left;
  right:5px;
}

.body--dxpr-theme-nav-mobile .dxpr-theme-header #dxpr-theme-menu-toggle span,
.body--dxpr-theme-nav-mobile .dxpr-theme-header #dxpr-theme-menu-toggle span:before,
.body--dxpr-theme-nav-mobile .dxpr-theme-header #dxpr-theme-menu-toggle span:after {
  background: #050;
}

.dxpr-theme-header .region-navigation {
  float:left;
}





/* - MOBY MENU - */

.navbar nav .menu__breadcrumbs a {
  font-size:1rem;
  font-weight:400;
  color:#050;
}

.body--dxpr-theme-nav-mobile .dxpr-theme-header .block {
  padding: 0;
}

#navbar .navbar-nav > li > a,
.dxpr-theme-header--side #dxpr-theme-main-menu .menu__link{
  color: #555 !important;
  padding: 10px !important;
  font-size: 1.7rem !important;
  line-height:1.3 !important;
  text-shadow: none;
  max-width:100%;
}

.dropdown-menu,
.dropdown-menu li {
  min-width: 100%;
  max-width:100%;
}

#navbar .navbar-nav > li:first-child {
  text-align:center;
  margin:0 auto;
}



/* - MOBY FRONT Header block link - */

#block-abrzilinkovi .a-topbar-menu-links {
  min-height: 410px;
}

#block-abrzilinkovi .a-topbar-menu-links>.field__item {
  width: 33%;
  display: block;
  margin: 20px 0 0;
  float:left;
}

.a-topbar-menu-links .a-sec-menu-block {
  padding: 0;
  margin: 50px 0px;
  box-shadow: 0px 0px 5px #0005;
  backdrop-filter: none;
}

.field--name-field-sec-menu-block-title {
  font-size: 1.3rem;
}

.a-topbar-menu-links .a-sec-menu-block a {
  font-size:1.5rem;
}

.field--name-field-sec-menu-block-title:after {
  width: 100px;
}

.a-sec-menu-block .field--name-field-sec-link-ico {
  width: 40px !important;
  height: 40px !important;
  margin-top: -25px;
}




/* - MOBY FRONT NEWS - */

.view-a-soopstenija {
  margin: -1rem auto 0rem;
}

#block-views-block-a-soopstenija-block-1,
#block-views-block-a-soopstenija-block-1-2,
#block-views-block-a-soopstenija-block-2-2,
#block-views-block-a-soopstenija-block-7,
.a-front-grid {
  max-width: 100%;
}

.path-frontpage #block-views-block-a-soopstenija-block-1 .grid,
.path-frontpage #block-views-block-a-soopstenija-block-1-2 .grid,
.path-frontpage #block-views-block-a-soopstenija-block-2-2 .grid,
.path-frontpage #block-views-block-a-soopstenija-block-7 .grid{
  padding: 0;
  margin:0
}

.blazy--view--a-soopstenija .views-field-field-image {
  max-width:100%;
}

.view-a-soopstenija .blazy.b-grid {
  margin:0;
}

.view-a-soopstenija .grid__content {
  margin: 0 auto 5rem !important;
}

.view-a-soopstenija .grid__content img {
  filter: none;
}

.view-a-soopstenija .grid .views-field-body .field-content,
.path-frontpage #block-views-block-a-soopstenija-block-1 .grid .views-field-body .field-content,
.path-frontpage #block-views-block-a-soopstenija-block-2-2 .grid .views-field-body .field-content {
  height: 105px;
  overflow: hidden;
}











/* - MOBY FRIONT CTA PERSON - */

#block-aobrazovanie,
#block-aobrazovanie .a-sec-bg,
#block-aobrazovanie .a-sec-bg-clr-transp,
#block-aobrazovanie .a-cta-person-fields,
#block-aobrazovanie .a-gr-person{
  max-width:100% !important;
  margin:0;
  padding:0;
}

#block-aobrazovanie .col-md-6.a-gr-hdr-btn {
  float: none !important;
  clear: both;
}

#block-aobrazovanie {
  height: 500px;
}
#block-aobrazovanie .a-gr-person img {
  height: 400px;
}

#block-aobrazovanie .a-gr-person {
  top: -200px;
}

#block-aobrazovanie .left .a-gr-person .field--name-field-sec-cta-person-name {
  left: 75px;
}

#block-aobrazovanie .a-sec-bg,
#block-aobrazovanie .a-sec-bg-clr-transp {
  height: 300px;
}

#block-aobrazovanie .col-md-6.a-gr-hdr-btn {
  margin-top: -200px;
  padding: 0;
  background: #0008;
  height: 100px;
}
#block-aobrazovanie .field--name-field-sec-cta-header,
#block-aobrazovanie .field--name-field-a-cta-person{
  display:none;
}

#block-aobrazovanie .a-gr-btns .field__item {
  width: 150px;
  margin: 30px 10px;
}

#block-aobrazovanie .a-gr-btns .field--type-link a {
  width: 150px;
  font-size: 1.5rem;
  padding: 10px 0 8px;
}




/* - MOBY FRONT TRANSP - */
#block-fronttransparentnost{
  margin: -50px 0 150px;
}

#block-fronttransparentnost .a-topbar-block > .field__item {
  width: 33.33%;
  margin: 0;
  box-shadow: 0;
}

#block-fronttransparentnost .sec-html-ico-btn .field--name-body a {
  font-size: 1.4rem;
}





/* - MOBY FRONT LINK STRIPES - */
.a-front-link-stripes{
  width:100%;
  max-width:100%;
}
.a-front-link-stripes .views-row {
  margin: 1px;
  box-shadow: none;
}

.a-front-link-stripes .views-row,
.a-front-link-stripes .views-row img,
.a-front-link-stripes .views-field-field-front-stripe-link .field-content {
  width: 118px;
  height: 120px;
}

.a-front-link-stripes .views-field-field-front-stripe-link a {
  font-size: 2.2rem;
  font-weight: 400;
  text-shadow: 1px 1px 0 #000;
  color:#fff;
}

.block-views-block0-front-link-stripes-block-1 {
  margin-bottom: 70px;
}




/* - MOBY FRONT CTA LINE - */
.a-cta-line .container {
  width: 100%;
  padding:0;
}

.a-cta-line > .container > .row{
  margin:0;
}

.a-cta-line > .container > .row > div {
  display: block;
  vertical-align: unset;
  width:100%;
  padding:10px;
  max-height: 135px;
}

.a-cta-line .a-cta-line-txt{
  width:100%;
  text-align:center;
}

.a-cta-line .a-cta-line-btn {
  text-align: center;
}

#block-frontctaizvestai .a-cta-line{
  max-height:250px
}





/* - MOBY FRONT CAROUSEL - */

.slick--view--a-view-carousel {
  margin: 0;
}

.slick--view--a-view-carousel .slick__slide .views-field-field-comp-imglink-link a {
  width: 90px;
  font-size: 1.1rem;
  padding: 0px;
}




/* - MOBY FOOTER - */
.dxpr-theme-footer .footer-container {
  padding-top: 0;
  margin-top:-30px;
  height: 310px;
}

.a-footer{
	height:310px;
}

.a-footer .a-footer-vertical-first {
  display: block;
  float: none;;
  width: 100%;
  border-right: none;
  padding: 0;
  text-align:center;
}

.a-footer-copyright .field--name-field-footer-logo{
  display:none;
}

.a-footer-copyright .field--name-field-copyright-txt{
  font-size:1.2rem;
  line-height:1.3;
  text-align:center;
}

.a-footer .a-footer-menu{
  display:none;
}

#block-socijalniikoni-3{
  text-align:center;
  position:unset;
  right:auto;
  left:auto;
  margin:-50px auto 0;
  padding-right:unset;
}



/* - MOBY POST SINGLE - */
.page-node-type-article .content .field--name-field-article-lead-text {
  width: 100%;
  margin: 20px auto;
}

.page-node-type-article .main-container{
  padding:0;
}

.page-node-type-article .main-container > .row{
  margin:0;
}

.page-node-type-article .content .field--name-body p,
.page-node-type-article .content .field--name-field-body-2 p{
  padding:0 10px;
}

.page-node-type-article .content .field--name-body img,
.page-node-type-article .content .field--name-field-body-2 img{
  width:100%;
  height:auto;
  object-fit:cover;
}

.page-node-type-article .main-container{
  padding:0;
}

.region-content > .block-system-main-block > .full > .content > .a-strana-sekcii-grupa > .field--name-field-image,
.region-content > .block-system-main-block > .full > .content > .field--name-field-image {
  position: absolute;
  top: 120px !important;
  right: 0;
  left:0;
  width:100%;
  height:auto;
  text-align:center;
}

.page-node-type-staff .region-content > .block-system-main-block > .full > .content > .field--name-field-image img {
  width: 185px;
  height: 280px;
}

.page-title-full-width-container .breadcrumb {
  min-width: 100%;
  top: 420px;
}

.page-node-type-article .main-container .field--name-published-at {
  left: 35%;
}












/* - MOBY POST GALLERY - */
.content .field--name-field-strana-galerija .field__items {
  padding: 5rem 0rem;
}

.content .field--name-field-strana-galerija .field__item {
  width: 32.5%;
  padding: 5px;
}





/* - MOBY ORGANIZACIJA - */
.page-node-type-staff .field--name-field-staff-telefon,
.page-node-type-staff .field--name-field-e-poshta {
  font-size:1.5rem;
}

.page-node-type-organizacija .main-container .a-org-desc-mang {
  max-width: 100%;
  position:relative;
}

.page-node-type-organizacija .main-container .a-org-rak-vreme {
  position: absolute;
  top: 0;
  width: 100%;
  margin:0;
  padding:0;
}










/* - MOBY PAGE MIDSECTION - */

.content .a-midsection {
  margin: 5rem auto;
    padding: 2rem 0;
}

.content .a-midsection > .row{
  min-height: 200px !important;
  height:fit-content !important
}

.content .a-midsection .row,
.content .a-midsection .row .field__item {
  max-width: 100%;
}

.content .a-midsection-img {
  height:300px;
  padding:1px;
}

.content .a-midsection-txt{
  min-height:200px !important;
  padding-top:50px;
  display: block;
}

.content .a-midsection.a-section-text {
  margin: 0 auto 50px;
}

.content .a-midsection-txt .field--name-field-a-hd-pre {
  text-align: left;
  padding-right: unset;
  padding-left:50px;
  font-size:1.8rem;
}

.content .a-midsection-txt:before {
  top: 20px;
  right: unset;
  left:30px;
  width: 50px !important;
  height: 100px !important;
}

.content .a-midsection-txt .field--name-field-a-hd-pre:after {
  right: unset;
  left:0;
}

.content .a-midsection-txt .field--name-field-a-hd {
  font-size: 2.0rem;
  text-align:left;
  padding-bottom: 0;
}

.content .a-midsection-txt .field--name-field-a-hd-post {
  font-size: 2rem;
}

.content .a-midsection .field--name-field-midsection-btn {
  margin-top: 3rem;
}

.content .a-midsection .a-section-right .field--name-field-midsection-btn a {
  margin: 0 0 0 auto;
}

.content .a-midsection .field--name-field-midsection-btn a {
  width: 100px;
  height: 40px;
  padding: 11px 0;
  display: block;
  line-height: 1;
}

.content .a-midsection .a-section-left .a-midsection-txt {
  order: unset;
}













/* - MOBY ALFA PAGE - */

.field--name-field-dokumenti-vrska {
  margin: 5rem auto;
  padding: 20px 10px;
  max-width: 100%;
}



/* - MOBY PAGE DOKUMENTACIJA - */

.view-a-dokumentacija .views-row .dokumentacija .field--name-title {
  font-size: 2rem;
}

.region-content .view-a-dokumentacija .dokumentacija.full > .content .field--name-field-dokumenti a,
.page-node-type-dokumentacija .field--name-field-dokumenti a {
  font-size: 1.8rem;
}

.field--name-field-dokumenti .file {
  padding-left: 0px;
  background-image:none;
}

.region-content .view-a-dokumentacija .dokumentacija.full > .content .field--name-field-dokumenti-vrska,
.page-node-type-dokumentacija .field--name-field-dokumenti-vrska {
  padding: 0;
}

.field--name-field-dokumenti-vrska .field__item a:before {
  width: 15px;
  height: 15px;
  line-height:15px;
}

.region-content .view-a-dokumentacija .dokumentacija.full > .content .field--name-field-dokumenti-vrska .field__item a, .page-node-type-dokumentacija .field--name-field-dokumenti-vrska .field__item a {
  padding-left: 20px;
  font-size:1.3rem;
}









/* - MOBY PAGE REPORT - */

.view-a-izvestai .view-content .views-row {
  width: 100%;
  height: 260px;
  margin: 0 0 5rem;
}

.view-a-izvestai .view-content .views-row .teaser img {
  height: 200px;
}

.view-a-izvestai .view-content .views-row .teaser a {
  padding: 205px 1rem 0;
  height: 260px;
}




/* - MOBY PAGE PROJECT - */

.view-a-proekti .views-row {
  padding: 0;
}

.view-a-proekti .views-row .project.teaser h2 a {
  font-size: 1.5rem;
}

.a-project-status-date > div {
  padding: 5px;
  font-size: 1.2rem;
  height:60px;
  vertical-align:top;
}





/* - MOBY TEMA SERVIS - */ 
.a-tema {
  padding: 20px 0;
  border:none;
}

.a-tema h3 {
  font-size:2rem;
}

.a-tema ul {
  margin:1rem 0 2rem;
  padding-left: 5px;
}

.a-hotlink {
  padding: 100px 0 0;
}







/* - MOBY PAGE OGLAS - */

.view-a-oglasi .form-item-field-oglas-godina-value {
  width:60px;
  height: 50px;
}

.view-a-oglasi .form-item-field-oglas-sostojba-value{
  width:200px;
  height: 50px;
}

.view-a-oglasi .view-filters .form-submit {
  font-size:1.5rem;
  width: 50px;
  height: 50px;
}

.view-a-oglasi table{
  max-width:100%;
}

.view-a-oglasi td{
  font-size:1.2rem;
  padding:5px;
  width:50px;
}

.page-node-type-oglas .oglas.full {
  max-width:100%;
}

.oglas.full .a-oglas-full-data {
  padding: 1rem 0;
}

.oglas.full .a-oglas-full-data div {
  font-size:1.2rem;
}

.oglas.full .a-oglas-full-data > div {
  height:60px;
  vertical-align:top;
  padding:5px;
}

.oglas.full .a-oglas-full-data .field--name-field-oglas-sostojba .field__item{
  font-size:1.0rem;
}



























/* - PAGE ORGANIZACIJA STAFF - */

.page-node-type-organizacija .main-container{
  padding:0;
}

.page-node-type-organizacija .main-container > .row{
	margin:0;
}

.page-node-type-organizacija .main-container .a-org-desc {
  width: 100%;
  float: none;
  padding: 500px 15px 0;
}

.page-node-type-organizacija .main-container .a-org-desc-mang {
  max-width: 100%;
  position:relative;
}

.page-node-type-organizacija .main-container .staff.teaser .field--name-field-image img {
  width: 240px;
  height: 200px;
}

.page-node-type-organizacija .main-container .a-org-rak-vreme {
  position: absolute;
  top: 0;
  width: 100%;
  margin:0;
  padding:0;
}

.page-node-type-organizacija .content .field--name-body li{
  margin-bottom:1rem;
}



/* - MOBY CONTACT - */
.a-contact-page {
  max-width:100%;
}

.a-contact-page .a-map img {
  width:100%;
  height:auto;
}






































}