/* MyriadPro-Light */
@font-face {
    font-family: 'myriad-pro,sans-serif';
    src: url(../fonts/myriadpro/MyriadPro-Light.otf);
}
@font-face {
    font-family: 'myriad-pro-cond-reg,sans-serif';
    src: url(../fonts/myriadpro/MyriadPro-Cond.otf);
}

.hidden {
    display: none;
}

.h-100 {
    height: 100% !important;
}

.comments-container .comments .show-less {
    text-align: center;
    margin-bottom: 0;
}
.comments-container .comments .show-less .btn {
    color: #87b700;
    padding: 0;
    margin: 0;
}
.comments-container .comments .show-less .btn:hover,
.comments-container .comments .show-less .btn:focus {
    text-decoration: none;
}

.modal-komentar .komentar-ocena .rating-stars a.active {
    color: #ffbe50;
}

.modal-komentar .komentar-ocena .rating-stars a {
    color: #efefef;
}

.snow-bg
{
    position: relative;
}
.snow-bg:after
{
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    background-image: url('./imgNG/s1.png'), url('./imgNG/s2.png'), url('./imgNG/s3.png');
    animation: snow 10s linear infinite;
}
@keyframes snow
{
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
    50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
    100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}

.pdf-odlomci
{
    margin: 10px 0;
}

.pdf-odlomak
{
    width: 100%;
    border-radius: 5px;
    background-color: #0f314d;
    color: white;
    margin: 5px 0;
}

.pdf-odlomak:hover
{
    color: #5bb132;
}

.p1{

    text-align: center;

}

.p2{

    text-align:initial!important;

}

.p2 .small{

    text-align:initial!important;

}

.social{

    display: inline-flex;

    margin: 46px 31px 20px 31px;;

}

.social a img{

    text-align: center;

    margin: 0 5px;

}

.social a:hover{

    -ms-transform: scale(1.5); /* IE 9 */

    -webkit-transform: scale(1.5); /* Safari 3-8 */

    transform: scale(1.5)

}

.elements-list {

    text-align: center;

}

.elements-list i {

    font-size: 18px;

    color: #31b3c4;

}

.question{

    margin-top: 30px;

    text-align: center;

}

.question h5{

    display: inline-flex;

}

.question h5 img{

margin-right: 5px;

margin-top: -5px;

}

.odlomak{

    height: 38px;

    margin-top: -15px;

    position: absolute;
}

/*******************************************************************************

 * TABLE OF CONTENTS

 * 1) Elements

 * 2) Layout

 * 3) Sections

 * 4) Pages

 * 5) Components

 * 6) Navigations

 * 7) Blocks/Widgets

 * 8) Main Slideshow

 * 9) Owl carousel

 * 10) Full Page

 * 11) Typography

 * 12) Theme color

 ******************************************************************************/




/*** Custom Fonts ***/


/*


*/


/* MyriadPro-Light */

@font-face {

    font-family: 'myriad-pro,sans-serif';

    src: url(../fonts/myriadpro/MyriadPro-Light.otf);

}

@font-face {

    font-family: 'myriad-pro-cond-reg,sans-serif';

    src: url(../fonts/myriadpro/MyriadPro-Cond.otf);

}


/* gillsans / Gill Sans, Regular */

@font-face {

    font-family: 'gillsans-regular, sans-serif';

    src: url(../fonts/gillsans/GIL_____.TTF);

}

/* gillsans / Gill Sans, Condensed */

@font-face {

    font-family: 'gillsans-condensed, sans-serif';

    src: url(../fonts/gillsans/GILC____.TTF);

}



/******************************************************************************/

/*** 1 Elements ***************************************************************/

/******************************************************************************/


body.canvas-sliding,

body.canvas-slid {

    overflow-x: hidden;

}


.no-trans * {

    -webkit-transition: none !important;

    -o-transition: none !important;

    transition: none !important;

}


img {

    display: block;

    max-width: 100%;

    height: auto;

}

img.inline {

    display: inline-block;

}


.btn,

.dropdown-menu,

.dropdown-item {

    color: #0f314d;

}


/* Lists

---------------------------------- */

ul {

    list-style: square;

}


.list-icons,

.list {

    list-style: none;

    padding: 0;

}


.list-icons li,

.list li {

    padding: 5px 0;

}


.list-icons li i {

    min-width: 25px;

    text-align: center;

    margin-left: 31%;

}

.list a .odlomak:hover{

    -ms-transform: scale(1.5); /* IE 9 */

    -webkit-transform: scale(1.5); /* Safari 3-8 */

    transform: scale(1.5)

}

.gallery1{

    display: flex;

}

.gallery1 a{

    margin: 5px;


}

.gallery1 a img{



    height: 30px;

    width: 30px;

}


.p3{

    text-align: center;

}



.social1{

    text-align: center;

    display: inline-flex;



    padding: 10% 34%;

}

.social1 a img{

    text-align: center;

    margin: 0 5px;

}

.social1 a:hover{

    -ms-transform: scale(1.5); /* IE 9 */

    -webkit-transform: scale(1.5); /* Safari 3-8 */

    transform: scale(1.5)

}

.elements-list1 {

    text-align: center;

}

.elements-list1 i {

    font-size: 18px;

    color: #31b3c4;

}

.question1{

    margin-top: 30px;

    text-align: center;

}

.question1 h5{

    display: inline-flex;

}

.question1 h5 img{

margin-right: 5px;

margin-top: -5px;

}

.odlomak1{

    height: 38px;

    margin-top: -15px;

    display: inline-flex;

}

.list1 a .odlomak1:hover{

    -ms-transform: scale(1.5); /* IE 9 */

    -webkit-transform: scale(1.5); /* Safari 3-8 */

    transform: scale(1.5)

}

.gallery2{

    display: flex;

}

.gallery2 a{

    margin: 5px;


}

.gallery2 a img{



    height: 30px;

    width: 30px;

}

.korpa{

    max-width: 100%!important;

}

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

    .odlomak1{

        height: 38px;

        margin-top: unset;



    }

}

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

    .social1{

        text-align: center;

        display: inline-flex;

        padding: 15px 33%;

    }

}

.slicice{


}

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

    .slicice{

        position: relative;

        display: inline-block;

        width: 30%;

    }

}

.artikal-korpa-dugme
{
    margin: 0 auto;
}

/* Fix za yt 2*/

@media only screen and (max-width: 770px) {
    #opis table {
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    #opis td {
        padding-bottom: 0px !important;
    }

    iframe {
        width: 100%;
    }
}

/*Fix za yt odavde*/

/* .table1{
    border-collapse: collapse;
border-spacing: 0px;
background-color: transparent;
width: 640px;
}
.table2{
border-collapse: collapse;
border-spacing: 0px;
float: right;
}

@media only screen and (max-width: 600px) {
.table1{
border-collapse: collapse;
border-spacing: 0px;
background-color: transparent;
width: 640px;
display: contents;
}
}

@media only screen and (max-width: 600px) {
.table2{
border-collapse: collapse;
border-spacing: 0px;
float: right;
width: 100%;

}
}

.video{
text-align: center;
}
@media only screen and (max-width: 600px) {
.video{
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
display: contents;

}
}
@media only screen and (max-width: 600px) {
.video iframe{
width: 100%;

}
} */