/* TOP PANEL */
span.text a:hover{
    color: var(--dark);
}
span.text a:focus{
    color: var(--dark);
}
/* ACCORDION BACKGROUND */
#headingOne{
  background-color: var(--blue);
}
#headingTwo{
  background-color: var(--pink);
}
#headingThree{
  background-color: var(--teal);
}
#headingFour{
  background-color: var(--purple);
}
#headingFive{
  background-color: var(--orange);
}
#headingSix{
  background-color: var(--red);
}

/* CUSTOM BUTTONS */
.btn-link{
    color: var(--white);
    text-decoration: none;
    text-transform: uppercase;
}
.btn-link:hover{
    color: var(--light);
    text-decoration: none;
}
.btn-readmore{
    background-color: var(--blue)
}
.btn-readmore:hover{
    background-color: var(--pink)
}
/* TEXT COLOR SCHEMES */
.blue-text{
    color: var(--blue); 
}
.pink-text{
    color: var(--pink);
}
.teal-text{
    color: var(--teal);
}
.purple-text{
    color: var(--purple);
}
.orange-text{
    color: var(--orange);
}
.red-text{
    color: var(--red);
}
.cyan-text{
    color: var(--cyan);
}
.white-text{
    color: #fff;
}
.contact-adress-text{
    color: #fff;
}
/* MODAL HEADER BACKGROUND */
.modal-bckg1{
    background-color: var(--blue);  
  }
.modal-bckg2{
background-color: var(--pink);  
}
.modal-bckg3{
background-color: var(--teal);  
}
.modal-bckg4{
background-color: var(--purple);  
}
.modal-bckg5{
background-color: var(--orange);  
}
.modal-bckg6{
background-color: var(--red);  
}
.modal-bckg7{
background-color: var(--cyan);  
}
/* MODAL CUSTOm SETTINGS */
.modal-title{
    color: var(--white);
    text-transform: uppercase;
}
.modalImg{
    width: 100%;
    height: auto;
    float: left;
}
.news-tittle{
    color: #fff;
    font-weight: 800;
    
}
.counter-tittle{
    color: #1eaaf1 ;
    font-weight: 800;
    font-size: 40px;
}
.counter-tittle-span{
    color: #1eaaf1 ;
    font-weight: 800;
    font-size: 40px;
}
.counter-tittle-description{
    color: #fff;
}
/* IMAGES */
.img-about-us{
    width: 100%;
    height: auto;
}
.laru-small-icon{
    width: 40px;
}
.laru-icon{
    width: 50%;
}
.contact-container {
    background-image: url(../images//laru-div-bg1.svg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    
}
.classes-img{
    background-color: #fff;
}
.radionice-img{
    width: 100%;
}
.radionice-div{
    background-image: url(../images//laru-div-bg1.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
}
.boravak-div{
    background-image: url(../images//laru-div-bg2.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
}
.pripremnanastava-div{
    background-image: url(../images//laru-div-bg2.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
}
.contact-div{
    background-image: url(../images//laru-div-bg2.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
}
.h2-laru{
    font-weight: bold;
}
.laru-footer{
    background-image: url(../images//footer-bg.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.mapouter{
    position:relative;
    text-align:right;
    height:500px;
    width:1200px;
}
.gmap_canvas {
    overflow:hidden;
    background:none!important;
    height:500px;
    width:100%;
    text-align: left;
}

@media (max-width: 991.98px){
    .laru-footer{
    background-image: none;
    }
    .gmap_canvas iframe{
        width: 100%;
        height: 500px;
    }
}