@font-face {
    font-family: 'DG-3asomy-Thin';
    
    src: url('/ar/environment/fonts/DG-3asomy-Thin.eot');
    src: url('/ar/environment/fonts/DG-3asomy-Thin.eot?#iefix') format('embedded-opentype'),
        url('/ar/environment/fonts/DG-3asomy-Thin.woff2') format('woff2'),
        url('/ar/environment/fonts/DG-3asomy-Thin.woff') format('woff'),
        url('/ar/environment/fonts/DG-3asomy-Thin.ttf') format('truetype');
    
    font-weight: normal;
    font-style: normal;
    font-display: fallback; 
}

@font-face {
    font-family: 'DG-3asomy-Regular';
    
    src: url('/ar/environment/fonts/DG-3asomy-Regular.eot');
    src: url('/ar/environment/fonts/DG-3asomy-Regular.eot?#iefix') format('embedded-opentype'),
        url('/ar/environment/fonts/DG-3asomy-Regular.woff2') format('woff2'),
        url('/ar/environment/fonts/DG-3asomy-Regular.woff') format('woff'),
        url('/ar/environment/fonts/DG-3asomy-Regular.ttf') format('truetype');
    
    font-weight: normal;
    font-style: normal;
    font-display: fallback; 
}

body{margin: 0;}

.divmain{padding: 100px 80px 0;}

.heading{max-width:120px;margin: 15px 0 15px 0;}

.heading2{max-width:220px;margin: 15px 0 0px 0;}

.heading3{max-width:210px; margin: 15px 0 15px 0;}

.maindiv{
background: url(images/bg_center.jpg);
background-size: contain; background-repeat: repeat-y; 
/*background-size: 100%;*/ 
max-width: 1400px; margin:auto; 
text-align: right;
}

.bg_top{
background: url(images/bg_top.jpg);
background-size: contain; background-repeat: no-repeat; 
background-position: top;
/*background-size: 100%;*/  
}

.footerbg{
background: url(images/bg_footer.jpg);
background-size: contain; background-repeat: no-repeat; 
background-position: bottom;
/*background-size: 100%;*/ 
padding-bottom: 250px;    
}

.mainh{font-size: 18px; color:#516d18;font-family: 'DG-3asomy-Regular';}

/*
.img1{
    background: url(images/img1.png);
background-repeat: no-repeat; 
float: left;
}*/

.img{
float: left;
}

.titlebg1{
background: url(images/titlebg1.jpg);
background-repeat: no-repeat; 
background-position: right;    
padding:8px 40px 8px 0;
font-family: 'DG-3asomy-Thin';
}

.titlebg2{
background: url(images/titlebg2.jpg);
background-repeat: no-repeat; 
background-position: right;    
padding:8px 40px 8px 0;
font-family: 'DG-3asomy-Thin';
}

.titlebg3{
background: url(images/titlebg3.jpg);
background-repeat: no-repeat; 
background-position: right;    
padding:8px 40px 8px 0;
font-family: 'DG-3asomy-Thin';
}

h3{margin: 0; font-size: 16px; color: #5bb1c6; font-weight: normal;}

.dashed{border: 2px dashed #cce1b4; margin: 15px 0 15px 0;}

@media screen and (max-width: 1024px){
    
    .img{max-width:220px}
    .footerbg{padding-bottom: 150px;}
    
}    


@media screen and (max-width: 768px){
    
    .img{max-width:180px}
    
    .divmain{padding: 50px 40px 0;}
    
    .footerbg{padding-bottom: 80px;}
    
    }
    

@media screen and (max-width: 500px){
    
    .img{max-width:100px}
    
    .divmain{padding: 50px 10px 0;}
        
    .footerbg{padding-bottom: 10px;}        
    
}