/* Import font from Google - Go to fonts.google.com, select a font and look for the import command */
/*@import url('https://fonts.googleapis.com/css2?family=Georama:wght@100&display=swap');*/


/* loading 
    font-family: 'PFAdamantSansPro-Hairline';
    font-family: 'PFAdamantSansPro-HairlineItalic';
    font-family: 'PFAdamantSansPro';
    font-family: 'PFAdamantSansPro-XBold';
    font-family: 'PFAdamantSansPro-XBoldItalic';*/
/*@import url('../fonts/PFAdamantSans/stylesheet.css'); */
/* loading font-family: 'NocturnoBG';*/
/*@import url('../fonts/NocturnoBG/stylesheet.css');*/
/*@import url('../fonts/AdamantSansBG/stylesheet.css');*/


/* Change some root colors and settings of the document */
:root {
	--cassiopeia-color-primary: #008040;
    --cassiopeia-color-link: #008040;
    --cassiopeia-color-hover: #004020;
	
	/*--cassiopeia-font-family-body: 'NocturnoBG', serif;*/
	/*--cassiopeia-font-family-body: 'PFAdamantSansPro', san-serif;*/
    /*--cassiopeia-font-family-headings: 'PFAdamantSansPro', san-serif;*/
    /*--cassiopeia-font-weight-headings: 700;*/
    /*--cassiopeia-font-weight-normal: 400;*/

	--gray-dark: #676465;
	--gray-light: #b9b8b9;
	
	--gray-geopol: #898989; 
	--blue-geopol: #002b66;
	--blue-geopol-light: #0062c4;
	--red-geopol: #c0262d;

}

* a, a:link{
    color: var(--cassiopeia-color-link);
    text-decoration: none;
}

* a:hover{
    color: var(--cassiopeia-color-hover);
}

/* Global */
/*body { font-family: 'NocturnoBG', serif; }*/
/*body { font-family: 'AdamantSansBG'; }*/
/*body { font-family: 'NocturnoBG'; font-weight: bold; font-size: 2rem; }*/


.container-header {
	/*background: var(--cassiopeia-color-primary); */
	/*background-image: url('../../../../../images/site/background.jpg');*/
}
/*
.container-header::before {    
      content: "";
      background-image: url('../../../../../images/site/background.jpg');
      background-size: contain;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0.15;
}
*/

.container-header .metismenu>li>a:hover:after, 
.container-header .metismenu>li>button:hover:before,
 .container-header .metismenu>li.active>a:after, 
.container-header .metismenu>li.active>button:before
{background: #008040;
opacity:1;}

.header {
    background: linear-gradient(135deg, #e1e5e8, #c0c3c5, #e3e6e8, #a2a5a7);
    background-size: 400% 400%;
    animation: metalShine 8s ease infinite;
    border-bottom: 1px solid var(--cassiopeia-color-link);
    z-index:99999999999999999;
}

@keyframes metalShine {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }

a:link,
a:visited{
transition: all 0.3s;}

.container-header .mod-menu>li{
    color: var(--cassiopeia-color-link);
}

.metismenu.mod-menu li.level-2{
padding:0 !important;
display:block;}

/*.metismenu.mod-menu li.level-2 a*/
li.level-2 a{
padding: .5rem 1rem;
text-decoration:none !important;
width:100%;}

ul.mm-collapsing li{
padding:2rem; !important}

.metismenu.mod-menu li.level-2 a:hover{
background: var(--cassiopeia-color-primary);
color:white;}

.container-search { z-index: 99; }

/* Slider in top-a position */
.container-top-a .card-body { padding: 0; }
.container-top-a .top-a.card {margin-top: 0px;} 

.header div.mod-languages ul li.lang-active {
	border: 1px solid #e0e0e0;
	background-color: transparent;
}

.footer {
	background: linear-gradient(135deg, #e1e5e8, #c0c3c5, #e3e6e8, #a2a5a7);
background-size: 400% 400%;
animation: metalShine 8s ease infinite;
    border-top: 1px solid var(--cassiopeia-color-link);
}

.footer p{
    color: var(--cassiopeia-color-link);
}

#mod-custom115 p a:hover{
color: var(--cassiopeia-color-hover);}

.ciscenje{
    display: flex;
}

.ciscenje-slika img{
    max-width: 542px;
    height: auto;
}

.ciscenje-text,
.ciscenje-slika{
    width: 50%;
}

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

.ciscenje-slika{
    display: inline;
    text-align: end;
}

.ciscenje-mini{
    display: inline;
    text-align: end;
}

.ciscenje-mini img{
    max-width: 20%;
    max-height: 170px;
    margin-bottom: 2rem;
}

.ciscenje-flex{
    display: flex;
    justify-content: right;
    align-items: center;
    margin-bottom: 5rem;
    border-bottom: 1rem solid var(--cassiopeia-color-link);
}

.ciscenje-flex img{
    max-height: 290px;
    width: auto;
    margin-left: 2rem;
}

.half-width,
.half-width1{
    width: 50%;
    z-index: 2;
}

.half-width{
    margin-right: 2rem;
}

.half-width img{
    max-width: 75%;
    border-radius: 2rem;
    float: right;
}

.full-widthh,
.full-widthh-home{
    display: flex;
}

.small{
    display: flex;
}

.background{
    position: absolute;
    width: 100vw;
    left:0;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0 40%);
    min-height: 600px;
    background: var(--cassiopeia-color-link);
    transform: translateY(-23rem);
    z-index: 1;
}

.background2{
    position: absolute;
    width: 100vw;
    left:0;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0 40%);
    min-height: 600px;
    background: var(--cassiopeia-color-link);
    z-index: 1;
    margin-bottom: 5rem;
}

h1{
    margin-bottom: 2rem;
}

.com-content-article__body h1{
    text-align: center;
    margin-top: 6rem;
    margin-bottom: 2rem;
}


/*.page-header h1 headline{
margin-bottom:1rem;}*/

.com-content-article__body h1:first-child{
    margin-top: 0;
}

ul li::marker{
    color: var(--cassiopeia-color-link);
}

a.vise{
    background: var(--cassiopeia-color-link);
    color: white;
    padding: .7rem 1rem;
    border-radius: 1rem;
}

.vise:hover{
    color: white;
    background: var(--cassiopeia-color-hover);
}

.vise::before{
    content: "\f054";
    font-family: "Font Awesome 5 Free"; 
    font-weight: bold; 
}

.full-widthh-home{
    margin: 2rem 0;
}

.home60right,
.home60left{
    width: 60%;
}

.home60right{
    margin-left:2rem;
}


.home60left{
    margin-right:2rem;
}

.home60right .vise{
    float: right;
}

.home60left .vise{
    float: left;
}

.home40right,
.home40left{
    width: 40%;
}

.home40right img,
.home40left img{
    clip-path: polygon(0% 17%, 17% 0%, 100% 0%, 100% 83%, 83% 100%, 0% 100%);
}

.home, .odrzavanje, .galerija, .sertifikati, .reference, .radovi, .ciscenje, .uklanjanje, .usluge{
    background: linear-gradient(to bottom right,#fff, #33A974);
}

.pg-item-box{
border-color:transparent;}

.p-background{
padding-bottom:4rem;}

/*#pg-msnr-container-a1-p1{
display: grid;
grid-template-columns: 1fr 1fr;
justify-items: center;
}*/

.pg-item-box img{
transition: all 0.3s;}

.pg-item-box img:hover{
transform: translateY(-.8rem) !important;}

.ciscenje-flex1{
display:flex;
justify-content:center;
margin-bottom:2rem;}

.ciscenje-flex2{
display:flex;
gap:2rem;}

.lasersko .com-content-article__body ul{
width:100%;}

.kontakt, .onama{
background: radial-gradient(#33A974, transparent);}

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

.com-contact__info{
min-width:1200px;}

.kontakt .thumbnail img{
border-radius:2rem;}



.about-us-img img{
clip-path:polygon(0% 17%, 17% 0%, 100% 0%, 100% 83%, 83% 100%, 0% 100%);}

thead, tbody, tfoot, tr, td, th{
    border-width: 1px;
    padding: 1rem;
}

td p{
display:inline-block;}

.iframe-flex{
    flex-direction: column;
    justify-content: space-evenly;
    padding: 1rem 1rem 0 1rem;
    min-height: 500px;
    display: flex;
    justify-self: center;
    align-items: center;
    margin: 2rem 0;
}

.tabela{
    display:flex;
    justify-content:center;
}

.about-us{
display:flex;
gap:2rem;}

.about-us-text{
width:60%;}



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

.com-contact__info{
min-width: unset;}

.prvi-red{
width:30%;}

.drugi-red{
width:70%}
}

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

    .container-header .navbar-toggler{
        color: var(--cassiopeia-color-link);
    }

    .com-content-article__body{
        justify-items: center;
    }

    .full-widthh{
        flex-direction: column;
    }

    .half-width, .half-width1{
        width: 100%;
    }

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

    .half-width p, .half-width1 p {
        width: 100%;
    }

    .half-width{
        margin-bottom: 1rem;
        justify-items: center;
    }

    .half-width img{
        max-width: 100%;
    }

    .small{
        justify-content: center;
    }


}


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

    .navbar-brand{
        margin: auto;
    }

    .full-widthh-home{
        display: flex;
        flex-direction: column;
    }

    .full-widthh-home .home60right{
        order: 1;
    }

    .full-widthh-home .home40left{
        order: 2;
    }

    .home40left, .home40right, .home60left, .home60right{
        width: 100%;
    }

    .home40left, .home40right{
        text-align: center;
        margin-top: 2rem;
    }

    .home60right .vise{
        float: left;
    }

    .full-widthh-home .home60right{
        margin-left: 0;
    }

    .iframe-video:first-child{
        margin-top: 1.2rem;
    }

    .about-us{
       flex-direction:column;}

    .about-us-text{
       width:100%;}

    .kontakt-informacije{
       flex-direction:column;
       justify-self:center;}

dl.dl-horizontal dt{
display:none;}

.prvi-red{width:100%;
}

.drugi-red{
margin: 2rem 0;}

/*.prvi-red p{
max-width:300px;
margin:auto;
margin-bottom:1rem;}
*/
}

@media screen and (max-width: 726px){
.phocamaps-map{width:300px !important;height:300px !important;}

.half-width1 p.none img {display:none;}

}

@media screen and (max-width: 600px){
    .background{ /*clip-path: polygon(0 0, 100% 0, 100% 70%, 0 30%);*/
        min-height: 350px;
    }

    .iframe-video{
        width:auto;

    }

    .iframe-video iframe{
        width: 100%;
        
    }

    .small iframe{
        width: 70%;
    }
}

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

    thead, tbody, tfoot, tr, td, th{
        padding: 0;
    }

}


@media screen and (max-width: 420px){
    thead, tbody, tfoot, tr, td, th{
        font-size: 12px;
    }

}