.full-width{
	width:100%;
}

.fix-height{
	height:xxx px;
}

.center-left-front {
    text-align: left;
    display: flex;
    justify-content: left;
	/*vertikalno centriranje lijevo u kombinaciji s klasom .fix-height*/
}

.center-center-front {
    display: flex;
    justify-content: center;
    text-align:center;
	/*vertikalno centriranje centar u kombinaciji s klasom .fix-height*/
}

.center-inner {
    align-self: center;
	/*unutarnja klasa za vertikalno centriranje*/
}

.mobile-yes{
	display:none;
	/*klasu dodati na element koji se ne prikazuje na desktop, ali se prikazuje na mobilnom, moguće je koristiti za drugačiji raspored u templateu za mobitele*/
}

.mobile-no{
	display:block;
	/*klasu dodati na element koji se prikazuje na desktop, ali se ne prikazuje na mobilnom, moguće je koristiti za drugačiji raspored u templateu za mobitele*/
}

.center-text{
	text-align:center;
}

.site-name,
.site-branding__name,
.site-slogan{
    display:none;
}

.logo img{
    width:70%;
}

.white-font{
    color:#ffffff;
}

.red-font{
    color: #D00101;
}

.strong-text{
    font-weight:bold;
}

.font-regular{
    font-weight:normal !important;
}


footer,
.footer-bottomregion--light-typography{
    background:#000000;
}

.header-top-highlighted.region--dark-background {
    background-color: #000000;
}

/*.view .col-lg-1,
.view .col-lg-10,
.view .col-lg-11,
.view .col-lg-12,
.view .col-lg-2,
.view .col-lg-3,
.view .col-lg-4,
.view .col-lg-5,
.view .col-lg-6,
.view .col-lg-7,
.view .col-lg-8,
.view .col-lg-9,
.view .col-md-1,
.view .col-md-10,
.view .col-md-11,
.view .col-md-12,
.view .col-md-2,
.view .col-md-3,
.view .col-md-4,
.view .col-md-5,
.view .col-md-6,
.view .col-md-7,
.view .col-md-8,
.view .col-md-9,
.view .col-sm-1,
.view .col-sm-10,
.view .col-sm-11,
.view .col-sm-12,
.view .col-sm-2,
.view .col-sm-3,
.view .col-sm-4,
.view .col-sm-5,
.view .col-sm-6,
.view .col-sm-7,
.view .col-sm-8,
.view .col-sm-9,
.view .col-xs-1,
.view .col-xs-10,
.view .col-xs-11,
.view .col-xs-12,
.view .col-xs-2,
.view .col-xs-3,
.view .col-xs-4,
.view .col-xs-5,
.view .col-xs-6,
.view .col-xs-7,
.view .col-xs-8,
.view .col-xs-9{
	padding-left:0px;
	padding-right:0px;
}*/

.test-class svg path{
    fill: none;
    stroke: #EC1C24;
    stroke-width: 30px;
    stroke-dasharray: 7em;
    stroke-linejoin: round;
    stroke-dashoffset: 0;
    animation: test 5s infinite;
    animation-delay: 3s;
    animation-direction:forward;
}

@keyframes test{
   0% {stroke-dashoffset: 0%;}
   50% {stroke-dashoffset: 500%;}
   100% {stroke-dashoffset: 0%;}
}

/*Blocks style*/

.banner h1.page-title{
	padding-left:5%;
	padding-right:5%;
}

.path-frontpage .banner h1.page-title{
	padding-left:0;
	padding-right:0;
}

.search-block-form{
    width: 45%;
    float: left;
}

#block-simetdisabilities{
    width: 300px;
    margin-left: 15px;
    float:right;
}

#block-whytochooseus .field--name-field-mt-fltt-body p{
        min-height:130px;
    }

.simet-fast-link{
    width: 12.5%;
    margin: 0;
    padding: 20px 0px 5px;
    float: left;
    transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
}

.simet-fast-link:hover{
    background: #D00101;
    transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
}

.simet-fast-link:hover a{
    color: #ffffff;
    transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
}

#block-simetfastlinks-2 .simet-fast-link:hover svg path{
    stroke: #ffffff;
    transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
}

.selector-title{
   color: #D00101;
   font-weight: bold;
   min-height: 65px;
}


.selector-icons{
    font-size:50px;
}

#block-korisnilinkovi ul{
    padding:unset;
}

#block-korisnilinkovi li:before {
    background-image: url(/sites/default/files/elements/list-white.svg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 15px;
    width: 10px;
    content: "";
    position: absolute;
    margin-left: -20px;
    margin-top: 5px;
}

#block-korisnilinkovi li {
    list-style: none;
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#superfish-simet-fast-links{
    float: left;
    padding: 0px 0px 10px 0;
}

#superfish-simet-fast-links a{
    color: #777777;
    font-weight: normal;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

#superfish-simet-fast-links a:hover{
    color: #ffffff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.field--name-field-mt-media-video{
    padding:0 10%;
}

.scroll-content{
    position:relative;
    top:100px;
    font-size:50px;
}

.scroll-content svg path{
    fill:none;
    stroke-width:10px;
    stroke:white;
}

.scroll-content svg{
    filter: drop-shadow(1px 2px #000000);
    -webkit-filter: drop-shadow(1px 2px #000000);
}

.region-banner .block.block-page-title-block {
    top: 45%;
    left:0;
}

.cookiesjsr-banner,
.cookiesjsr-btn,
.cookiesjsr-service-group--tab,
.cookiesjsr-btn.important.invert {
  background-color: #555555;
}

.cookiesjsr-layer--title,
.cookiesjsr-layer--label-all {
  text-transform: none;
}

.cookiesjsr-btn {
  font-size: 14px;
}

.cookiesjsr-banner--text,
.cookiesjsr-service-group--intro {
  text-align: left;
  text-transform: none;
  font-size: 14px;
  line-height: 1.5em;
  font-weight: normal;
  letter-spacing: normal;
}

.cookiesjsr-btn.invert {
  border-color: #555555;
  color: #555555;
}

.cookiesjsr-btn.important {
  background: #ffffff;
  color: #555555;
}

.cookiesjsr-service-group.active .cookiesjsr-service-group--content,
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab {
  background: #555555;
}

.cookiesjsr-btn.important.invert {
  border-color: #ffffff;
}

.cookiesjsr-layer--footer {
  height: 80px;
}

.cookiesjsr-banner {
  width: initial;
}

.cookiesjsr-banner.active {
  transition: 0.5s all ease-in-out;
  -webkit-transition: 0.5s all ease-in-out;
}

.icons-list .svg-inline--fa{
    height:3em;
    width:3em;
}

.simet-upisi{
    padding:5% 0 !important;
}

.block.block-page-title-block {
    position: absolute;
    top: 35%;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    z-index:1;
}

/*Blocks style - END*/

/*Disab style*/
.disability-transform{
			 -moz-transform-origin: left top;
	 }


 #block-simetdisabilities{
		z-index: 9999;
	}

	.pristup-label{
	    font-size: 16px;
        color: #dddddd;
        padding: 14px 0px 14px 0px;
        position: absolute;
				right: 15%;
	}

	.simet-pretraga{
		font-size: 25px;
    width: 50px;
    text-align: left;
    position: relative;
    left: -70px;
    top: 8px;
	}

	.disabilities{
		background: #fff;
		padding: 10px;
	}

	.disabilities h3{
		float: left;
		font-size: 16px;
		margin:10px;
		font-weight:bold;
	}

	.disabilities .switch{
		top: 10px;
	}

	.disabilities .page-zoom span{
		position: relative;
        top: 5px;
        display: block;
        float: left;
	}

	.disabilities .page-zoom a{
		margin-top: 0;
	}

	.disabilities .page-zoom h3{
		margin-bottom: 0;
		float: none;
	}

	.disability-icon{
		width: 40px;
        height: 40px;
        background: #ffffff;
        border-radius: 30px;
        text-align: center;
        cursor: pointer;
        float: right;
        font-size: 25px;
        color: #000000;
        margin: 7px 0px;
	}

	.disability-icon i{
		color: #fff;
		font-size: 16px;
	}

	.disability-icon i:before{
		position: relative;
		top: -3px;
		left: 2px;
	}

	.underline{
		text-decoration: underline !important;
	}

	.disabilities.thumbnail{
		position: absolute;
		top: 27px;
		right: 0;
		width: 210px;
		background: #000000;
	}

	/*----- Disabilities switcher -------*/
	.switch {
		position: relative;
		display: inline-block;
		width: 39px;
		height: 20px;
		overflow: auto;
	}

	.switch input {
	  opacity: 0;
	  width: 0;
	  height: 0;
	}

	.slider {
	  position: absolute;
	  cursor: pointer;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background-color: #ccc;
	  -webkit-transition: .4s;
	  transition: .4s;
	}

	.slider:before {
	  position: absolute;
	  content: "";
	  height: 16px;
	  width: 16px;
	  bottom: 2px;
          left:4px;
	  background-color: white;
	  -webkit-transition: .4s;
	  transition: .4s;
	}

	input:checked + .slider {
	  background-color: #2196F3;
	}

	input:focus + .slider {
	  box-shadow: 0 0 1px #2196F3;
	}

	input:checked + .slider:before {
	  -webkit-transform: translateX(14px);
	  -ms-transform: translateX(14px);
	  transform: translateX(14px);
	}

	/* Rounded sliders */
	.slider.round {
	  border-radius: 34px;
	}

	.slider.round:before {
	  border-radius: 50%;
	}

/*Disab style - END*/

/*Nodes style*/

.list-unstyled li svg{
	width:30px !important;
}

.page-node-type-page .field__label {
    margin-bottom: 30px;
}

.field--name-field-dokument-iz-repozitorija .field__item,
.field--name-field-prilozene-datoteke .field__item{
    border-bottom: 1px solid #efefef;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.path-novosti .main-content .container{
    width: 1470px;
}

.page-node-type-article .field--name-field-summary {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #555555;
    line-height: 1.5em;
}

.page-node-type-article .field--name-field-summary:after {
    content: "";
    display: block;
    width: 10%;
    height: 1px;
    background: #dadada;
    position: relative;
    margin-top: 20px;
}

.simet-after:after{
    content: "";
    display: block;
    width: 10%;
    height: 1px;
    background: #dadada;
    position: relative;
    margin: 15px 0px;
}

.page-node-type-team-member .node__header,
.page-node-type-predmet .node__header{
    display:none;
}

/*Nodes style - END*/

.page-node-type-article .image-preview img,
.page-node-type-article .image-preview .overlay-container{
    width:100%;
    height:auto;
}

.page-node-type-article .field--name-field-kategorija-novosti{
    display:none;
}

/*views styling*/

.field--name-field-youtube-video figure iframe{
    width: 100%;
    height: 500px;
}

a .simet-mj,
a .simet-god{
    color:#000000 !important;
}

.view-event-calel .slide__content{
    border: 1px solid #D00101;
    padding: 15px 0px;
    margin:0px 10px;
    height:160px;
}

.view-event-calel .slick__slide:hover .slide__content{
    background:#D00101;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
}

.view-event-calel .slick__slide:hover .slide__content .simet-mj,
.view-event-calel .slick__slide:hover .slide__content .simet-god{
    color:#ffffff !important;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
}

.view-event-calel .slick__slide:hover .slide__content a{
    color:#ffffff;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
}

.view-event-calel .slick__slide:hover .simet-dan{
    -webkit-text-stroke: 1px #ffffff;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
}

.view-event-calel .views-title{
    font-size:25px;
}

.view-event-calel .simet-calendar-dates{
    text-align:center;
    height:inherit;
}

.view-event-calel .simet-dan{
    font-size: 40px;
    font-weight: bold;
    -webkit-text-stroke: 1px #000000;
    color: transparent;
    height:50px;
}

.view-event-calel .simet-mj{
    font-size: 30px;
}

.view-event-calel .simet-god{
    font-weight: bold;
    font-size: 20px;
}

.view-team-members .pager{
        position: relative;
    height: 50px;
    width: 100%;
    display: grid;
}

.view-footer{
    position:relative;
    height:50px;
    display: inline-flex;
    width:100%;
}

.view-footer .all-button{
    margin:0px auto;
}

.view .view-title{}

.view .view-summary{}

.view .view-body{}

.view-news-frontpage h3,
.view-simet-novosti h3,
.view-simet-novosti-na-stranici h3{
    font-size:22px;
}

.view-news-frontpage .views-title{
    height:80px;
}

.view-news-frontpage .view-summary{
    min-height:180px;
}

.simet-important{
    position: absolute;
    left: 5%;
    top: 9%;
    color: #D00101;
    width: 40px;
    height: 40px;
    z-index: 11;
    font-size: 17px;
    animation: resize 2s infinite ease-in-out;
}

@keyframes resize {
  0% {
    transform:scale(1);
    opacity:1;
  }

  50% {
    transform:scale(1.5);
    opacity:0.5;
  }

  100% {
    transform:scale(1);
    opacity:1;
  }
}

.view-news-frontpage .views-inner,
.view-simet-novosti .views-row,
.view-sidebar-dokumenti .views-row,
.view-simet-novosti-na-stranici .views-row{
    border-bottom:1px solid #dfdfdf;
    margin-bottom:15px;
    padding-bottom:15px;
}

.view-news-frontpage .more-link,
.view-news-frontpage .more-link a,
.view-simet-novosti .more-link,
.view-simet-novosti .more-link a,
.view-simet-novosti-na-stranici .more-link a,
.view-simet-novosti-na-stranici .more-link{
    padding-bottom: 0;
    margin-bottom: 0;
}

.view-simet-novosti .simet-page-image,
.view-simet-novosti-na-stranici .simet-page-image{
    border: 10px solid #efefef;
}

.view-news-frontpage .overlay-container{
    border: 5px solid #efefef;
}

.view-news-frontpage .istaknuto .overlay-container{
    border: 5px solid rgb(208 1 2 / 50%);
}


.view-pretraga-dokumenata .simet-document-content,
.view-pretraga-dokumenata .simet-document-additional,
.page-node-type-dokument .simet-document-content,
.page-node-type-dokument .simet-document-additional,
.view-news-sidebar .simet-document-additional,
.view-news-frontpage .simet-document-additional{
    width:100%;
    float:left;
    font-weight:bold;
}

.view-pretraga-dokumenata .simet-document-additional,
.page-node-type-dokument .simet-document-additional,
.view-news-sidebar .simet-document-additional,
.view-news-frontpage .simet-document-additional{
    padding-top: 15px;
    font-size: 12px;
    color: #999999;
    font-weight: bold;
}

.view-simet-novosti .simet-document-additional{
    font-size: 12px;
    color: #999999;
    font-weight: bold;
}

.view-pretraga-dokumenata .simet-document-icon svg,
.page-node-type-dokument .simet-document-icon svg{
    width:40px;
    height:40px;
    float:left;
    margin-right:10px;
}

#block-simetfastlinks-2 .simet-fast-link-icon svg{
    width:40px;
    height:40px;
}

.view-pretraga-dokumenata .simet-document-icon svg path,
.page-node-type-dokument .simet-document-icon svg path,
#block-simetfastlinks-2 .simet-fast-link-icon svg path{
    fill: none;
    stroke: #D00101;
    stroke-width: 15px;
}

.view-pretraga-dokumenata .simet-document-info,
.page-node-type-dokument .simet-document-info{
    min-height:60px;
    float:left;
    width:80%;
}

.simet-document-icon p{
    padding:0;
}

.page-node-type-dokument .simet-document-icon,
.view-pretraga-dokumenata .simet-document-icon{
    height:60px;
    float:left;
}

.view-pretraga-dokumenata .simet-document-info p,
.page-node-type-dokument .simet-document-info p{
    padding-bottom:0;
}

.view-pretraga-dokumenata .views-row,
.view-news-sidebar .views-row{
    border-bottom:1px solid #dfdfdf;
    margin-bottom:15px;
    padding-bottom:15px;
    width:100%;
    float:left;
}

.view-news-sidebar .more-link,
.view-news-sidebar .more-link a{
    padding:0;
    margin-bottom:0;
}

.facets-widget-checkbox ul{
    padding-left:0;
}

.facets-widget-checkbox li{
    list-style:none;
}

.facets-widget-checkbox label{
    display:inline;
}

.view-id-clients .mt-carousel-brands .mt-carousel-item {
    padding: 0 !important;
}

.view-id-clients .mt-carousel-brands{
    text-align:center;
}

/*views styling - END*/

/*paragraphs styling*/

.field--name-field-paragraph-reference .background-image-block__section{
    padding:10% 0;
}

.prg-title{}

.prg-summary{}

.prg-body{}

/*paragraphs styling - END*/

@media (max-width: 767px){
	.simet-pretraga{
    left: 0px;
	}

	.pristup-label {
    right: 20%;
	}

    .search-block-form{
        width: 100%;
        float: unset;
    }

    #block-simetdisabilities{
        width: 100%;
        margin-left:unset;
        float:unset;
    }


    .footer__section {
        padding: 30px 0;
    }

    .simet-fast-link{
        width: 50%;
    }

    #block-simetfastlinks-2 .simet-fast-link-icon svg{
        width:25px;
        height:25px;
    }


    .path-novosti .main-content .container {
        width: unset;
    }

    .view-event-calel .slide__content {
        margin: 0;
    }

    .view-event-calel .slick-arrow::before {
        color: #777777 !important;
    }

    .view-event-calel .slick__arrow {
        top: -10%;
    }

    .view-event-calel .views-title {
        font-size: 18px;
    }

    .view-event-calel .slide__content{
        height:unset;
    }

    #block-simetfastlinks{
        display:none;
    }

    .header-top-highlighted .sf-accordion-toggle.sf-style-none {
        text-align: left !important;
    }

    .header-top-highlighted .sf-accordion-toggle.sf-style-none a:after {
        font-size: 20px !important;
    }

    h1.page-title {
        font-size: 30px;
    }

    .scroll-content {
        top: 200px;
        font-size: 40px;
    }

    .field--name-field-paragraph-reference .background-image-block__section {
        height: 400px;
    }

    .region-banner .block.block-page-title-block {
        top: 25%;
    }

    #block-whytochooseus .col-md-4{
        padding:unset;
    }


    .video-block {
        height: unset;
    }

    .field--name-field-mt-media-video {
        padding: 0;
    }

    .view-news-frontpage .views-row{
        padding:unset;
    }

    .logo img {
        width: 70%;
        position: relative;
        float: left;
    }

    .logo{
        transform:unset !important;
        -webkit-transform:unset !important;
    }

    .mobile-header-menu,
        #block-mainnavigation {
        position: absolute !important;
        width: 100% !important;
    }

    .mobile-logo {
        position: relative;
        z-index: 3;
    }

	.mobile-yes{
		display:block;
	}

	.mobile-no{
		display:none;
	}

	.fix-height{
		height:xxx px;
	}

	.view .row-inner{
        width:70%;
        margin:0px auto;
		/*za svaki view se u template definira top klasa .row-inner*/
    }

	.full-width{
		width:70%;
		margin:0px auto;
	}

	#superfish-main,
	#superfish-simet-fast-links{
        display: none !important;
    }

    #superfish-main-accordion,
    #superfish-simet-fast-links-accordion{
        display: block !important;
    }
}

@media (max-width: 480px){
    .cookiesjsr-btn {
        width: initial;
    }

	.mobile-yes{
		display:block;
	}

	.mobile-no{
		display:none;
	}

	.fix-height{
		height:xxx px;
	}

	.view .row-inner{
        width:70%;
        margin:0px auto;
		/*za svaki view se u template definira top klasa .row-inner*/
    }

	.full-width{
		width:100%;
	}
}

@media (max-width: 991px) and (min-width: 768px) {
    .simet-fast-link {
        width: 25%;
    }

    #block-simetfastlinks{
        display:none;
    }

    #superfish-main {
        display: none !important;
    }

    #superfish-main-accordion {
        display: block !important;
    }

		.pristup-label{
			display:none;
		}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .video-block {
        height: 300px;
    }

		.pristup-label {
			right:25%;
		}

		#superfish-simet-fast-links a {
    	font-size: 14px;
		}
}

@media (min-width: 1200px) and (max-width:1499px) {
    .video-block {
        height: 300px;
    }

		.pristup-label {
			right:22%;
		}

		.header-container ul.menu li a {
    	padding: 5px 11px !important;
		}

		.header-container ul.sf-menu > li > a.menuparent:after {
    	top: 6px !important;
    	right: 0px !important;
		}
}

@media (min-width: 1500px) and (max-width:1599px) {
    .video-block {
        height: 400px;
    }

		.pristup-label {
			right:20%;
		}
}

@media (min-width: 1600px) and (max-width:1919px) {
    .video-block {
        height: 500px;
    }

		.pristup-label {
    	font-size: 16px;
    	padding: 15px 0px 15px 0px;
			position:absolute;
			right:18%;
		}
}

@media (min-width: 1920px){
    .video-block {
        height: 700px;
    }

}