#borderimgpatern { 
  border: 10px solid transparent;
  padding: 15px;
  border-image: url(https://www.w3schools.com/css/border.png) 30 stretch;
}
 

@font-face {
  font-family:POLYA;
  src: url('https://www.globalsurya.sch.id/css/POLYA.otf'); 
}


@font-face {
  font-family:StickyNotes;
  src: url('https://www.globalsurya.sch.id/css/Sticky Notes.ttf'); 
}

 
.no-padding{
    padding-left: 5px;
    padding-right: 5px;
}


.profile img {
    width: 90px;
    height: 90px;
    border-radius: 50%
   
}

 
	
.centerPos{
  display: block;
  background-color: #ffffff;
  padding: 20px;
  text-align: center;

}	



.imgprofil {	
 border:15px solid white;
 border-radius:8%;
}	

div.bgimg {
  background: url('../images/bg2.jpg')  repeat;
  
  border: 0px solid black;
}


div.bgimg2 {
  /* background: url('../images/bg1.jpg') repeat; */
  background-color:#27aedb;
  border:none;
}



div.transbox {
text-align:center;
  margin: 0px;
  background-color: #ffffff;
  border: 0px solid black;
  opacity: 0.6;
  width:100%;
}

div.transbox p {
  margin: 5%;
  font-weight: bolder;
  color: #000000;
}

 .rounded-circle{
     
border-radius:50%;
width:200px;
height:200px;
 }
 
 
 .rounded-circle2{
border:1px solid;
border-radius:50%;
width:200px;
height:200px;
}

.borderCircle{ 
border:7px solid #edb491;    	
}

/* CONTACTS */
.contact-box {
  background-color: #ffffff;
  border: 1px solid #e7eaec;
  padding: 20px;
  margin-bottom: 20px;
}
.contact-box > a {
  color: inherit;
}
.contact-box.center-version {
  border: 1px solid #e7eaec;
  padding: 0;
}
.contact-box.center-version > a {
  display: block;
  background-color: #ffffff;
  padding: 20px;
  text-align: center;
}
.contact-box.center-version > a img {
  width: 80px;
  height: 80px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.contact-box.center-version address {
  margin-bottom: 0;
}
.contact-box .contact-box-footer {
  text-align: center;
  background-color: #ffffff;
  border-top: 1px solid #e7eaec;
  padding: 15px 20px;
}
a{
    text-decoration:none !important;    
}

   
.carousel-item img {
    width: 95%
}


  .imgLOGO {
        
        margin-left: 90px;
         width:265px;
               max-width:100%;
      }
        
    
    #navbarSupportedContent{
         margin-right:100px; 
         font-size:1.2em;
    } 
    
    #navbarSupportedContent li{
         margin-right:25px; 
         
    }
 
 
 #loading {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  opacity:1;
  background-color: #fff;
  z-index: 99;
}

#loading-image {
   position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -150px;
    width:300px;
    height: auto;
  z-index: 100;
}


 
@media screen and (max-width:600px) {
          .imgLOGO {
               width:220px;
               max-width:100%;
               
                 margin-left: 1px;
          }
}


@media screen and (max-width:1024px) {
          .imgLOGO {
                 max-width:50%;
                 margin-left: 1px;
          }
          
      
        #navbarSupportedContent{
             margin-right:0px; 
              font-size:0.9em;
        } 
          
        .carousel img {
            
            max-width: 100%;
             height:auto;
           
        }
        
                
        .row.divGbrScroll {  
            margin :170px 10px 0px 10px;
            font-size:0.9em;
            padding:10px 5px 10px 5px;
            border: none;
        }
        
                
         .row.divVisiMisi {  
            margin :5px 5px  0px 5px;
            
           padding:3px 5px 5px 5px;
            border: none;
        }

        .row.divVisiMisi img{  
            padding:10px 5px 10px 5px;
        }
        
                
        .row.divBerita {  
           margin :15px 5px  10px 5px;
            
           padding:3px 5px 5px 5px;
            border: none;
        }

        .row.divBerita2 {  
           margin :10px 5px  20px 5px;
            
           padding:3px 5px 5px 5px;
            border: none;
        }
        
        
        .row.divTranparant {  
            color: #ffffff;
            font-weight: bold;
            margin :25px 25px  0px 25px;
            
            padding:10px 10px 10px 10px;
            border: none;        
            
        }

            .row.divUnTranparant {  
                margin :5px 5px  0px 5px;
                padding:3px 5px 5px 5px;
                border: none;        
            }
            
            
            
            .row.divGbrScroll2 {  
                margin :20px 25px 0px 25px;
                font-size:0.7em;
                padding:10px 5px 10px 5px;
                border: none;
            }

            .divAllBerita {  
                margin :20px 25px 0px 25px;
                font-size:0.7em;
                padding:10px 5px 10px 5px;
                border: none;
            }
             
             .row.divDetailBerita{
                  margin : 10px 10px  0px 10px;
                
                padding:10px 5px 10px 5px;
                border: none;
              
                 
             }
             
             
            .col.divPaddingBerita {  
                
                margin: 5px;
                padding: 5px;
                 
            }
            
                        
            
            #borderimgpatern h1 {
                font-size:1em;
                
            }




}/*Mobile*/

.carousel img {
  width:90%;
  height:auto;
    
}
     
.imgSLIDER{
      max-width:80%;  
  
}      

.column {
  float: left;
  width: 33%;
  padding: 0 10px;
}

.card2 {
  padding: 8px;
  margin:10px;
  text-align: center;
  background-color:  white;
}

.divPaddingBerita {  
    
    margin: 5px;
    padding: 5px;
     
}


.TulisanRata {  
    color: #ffffff;
    font-weight: bold;
    margin: 70px;
    padding: 40px 10px 40px 10px;
    border: none;
}


.divGbrScroll {  
    margin :150px 70px 30px 70px;
    
    padding:40px 10px 40px 10px;
    border: none;
}

.divGbrScroll2 {  
    margin :20px 80px 30px 80px;
    background-color:white;    
    padding:40px 10px 40px 10px;
    border: none;
}



.divBerita {  
    margin :10px 36px  0px 36px;
    
    padding:20px 10px 20px 10px;
    border: none;
}

 

.divBerita2 {  
    margin :10px 36px   0px 36px;
    
    padding:20px 10px 50px 10px;
    border: none;
}


 .divDetailBerita{
      margin : 30px 60px  0px 60px;
    
    padding:40px 10px 40px 10px;
    border: none;
  
     
 }


.divVisiMisi {  
    margin :0px 60px  0px 60px;
    
    padding:40px 10px 40px 10px;
    border: none;
}



.divVisiMisi img{  
    padding:20px 15px 20px 15px;
}



.divTranparant {  
    color: #ffffff;
    font-weight: bold;
/*    margin: 70px;
    padding: 40px 10px 40px 10px;
    border: none;
    */
    margin :70px 79px  0px 79px;
    
    padding:40px 15px 40px 15px;
    border: none;     
}


.divUnTranparant {  
/*    color: #ffffff;
    font-weight: bold;
    margin: 70px;
    padding: 40px 10px 40px 10px;
    border: none;
    */
    margin :10px 70px  0px 70px;
    
    padding:40px 25px 40px 25px;
    border: none;     
}



.divUnTranparant2 {  
 
    margin :10px 70px  0px 70px;
    
    padding:10px 25px 10px 25px;
    border: none;     
}




.divGB1 {  
        background-image: linear-gradient(to right,rgba( 13, 153, 219,0.6),rgba( 81, 191, 244,0.6)),url(http://www.globalsurya.sch.id/images/bg/bg%203.jpg);
}



.divGB2 {  
        background-image: linear-gradient(to right,rgba( 13, 153, 219,0.6),rgba( 81, 191, 244,0.6)),url(http://www.globalsurya.sch.id/images/bg/bg%202.jpg);
}




.divGB3 {  
        background-image: linear-gradient(to right,rgba( 13, 153, 219,0.6),rgba( 81, 191, 244,0.6)),url(http://www.globalsurya.sch.id/images/bg/bg%201.jpg);
}



.divGB4 {  
        background-image: linear-gradient(to right,rgba( 13, 153, 219,0.6),rgba( 81, 191, 244,0.6)),url(http://www.globalsurya.sch.id/images/bg/bg%200.jpg);
}

 
.divGBContent1 {  
        background-image: linear-gradient(to right,rgba( 255, 255, 255,0.7),rgba( 255, 255, 255,0.7)),url(http://www.globalsurya.sch.id/images/bg/bgcontent1.jpg);
}


 
.divGBRContentSlider {  
        background-image: linear-gradient(to right,rgba( 255, 255, 255,0.7),rgba( 255, 255, 255,0.7)),url(http://www.globalsurya.sch.id/images/bg/bgcontectslider.jpg);
}



.divGBHeader0 {  
        background-image: linear-gradient(to right,rgba(255, 255, 255 ,0.7),rgba( 255, 255, 255,0.7)),url(http://www.globalsurya.sch.id/images/bg/bgutama2.jpg);
}



.divGBHeader1 {  
        background-image: linear-gradient(to right,rgba(13, 153, 219 ,0.7),rgba( 13, 153, 219,0.7)),url(http://web.globalsurya.sch.id/profil/images/bg2.jpg);
}


.divGBContent2 {  
        background-image: linear-gradient(to right,rgba( 255, 255, 255,0.7),rgba( 255, 255, 255,0.7)),url(http://www.globalsurya.sch.id/images/bg/bgcontent2.jpg);
}


.divGBContent3 {  
        background-image: linear-gradient(to right,rgba( 255, 255, 255,0.7),rgba( 255, 255, 255,0.7)),url(http://www.globalsurya.sch.id/images/bg/bgutama3.jpg);
}


.divIMGScroll1 {  
        background-image: linear-gradient(to right,rgba( 0, 0, 0, 0.3),rgba( 0, 0, 0,0.3)),url(http://www.globalsurya.sch.id/images/bg/bgScrol1.jpg);
}


.divIMGScroll2 {  
        background-image: linear-gradient(to right,rgba( 0, 0, 0, 0.3),rgba( 0, 0, 0,0.3)),url(http://www.globalsurya.sch.id/images/bg/bgScrol2.jpg);
}

.divGBFooter {  
        background-image: linear-gradient(to right,rgba( 255, 255, 255,0.7),rgba( 255, 255, 255,0.7)),url(http://www.globalsurya.sch.id/images/bg/footer.png);
}


.divBeritaWave1 {  
        background-image:  url(https://www.globalsurya.sch.id/images/header/1.png) ;
        background-repeat: no-repeat;
}


.divBGUngulan {  
     background-image: linear-gradient(to right,rgba( 255, 255, 255,0.3),rgba( 255, 255, 255,0.3)),url(https://www.globalsurya.sch.id/images/header/backunggulan.png); 
}

.divBeritaWave2 {  
       background-image: url(http://www.globalsurya.sch.id/images/header/2.png)  ; 
       background-repeat: no-repeat; 
}


.divBgInstansiDidik {  
       background-image: url(http://www.globalsurya.sch.id/images/bg/bgInstansiDidik.png)  ; 
       background-repeat: repeat; 
}


.divBgTentangGS {  
       background-image: url(http://www.globalsurya.sch.id/images/header/bgTentangGS.png)  ; 
       background-repeat: no-repeat ; 
}


.divBgHeaderTop {  
       
        background-size: cover;
         background-position: center;
         background-image: url(http://www.globalsurya.sch.id/images/header/bgTop1.png)  ; 
       background-repeat: repeat-x ; 
}

.divBgKurikulum {  
       
        background-size: cover;
         background-position: center;
         background-image: url(https://www.globalsurya.sch.id/images/header/wisuda.png)  ; 
       background-repeat: repeat-x ; 
}