.body{
background-color:#F6F5F3;
margin:0;
padding:0;
}

.top-space{
height: auto;
max-width:1000px;
width:100%;
margin:auto;
background-color:#F6F5F3;
clear:both;
}

.logo-space{
background-color:#F6F5F3;
height: auto;
width:33%;
float:left;
}

.logo-space img{
width:90%;
margin-top:10%;
margin-left:5%;
}

.email-space{
background-color:#F6F5F3;
height: auto;
width:36%;
float:left;
}

.email{
font-family: DaunPenh; font-size:160%; color:#BB0724; padding-top:12%; padding-left:15%; line-height:130%; width:80%;
}


.social-space{
background-color: #F6F5F3;
height: auto;
width:30%;
float:left;
}

.menu-space{
max-width:1000px;
width:100%;
height: auto;
margin:auto;
background-color:#F6F5F3;
clear:both;
}


.Animation-space{
width: auto;
height: auto;
margin:auto;
background-color:#F6F5F3;
clear:both;
}


.over-unli-space{
max-width:1000px;
width:100%;
height: auto;
margin:auto;
background-color:#F6F5F3;
clear:both;
border-bottom:#9A081F solid 3px;
}

.over-unli{
color:#0C498E; text-align:center; padding-top:3%; padding-bottom:1%; font-size:40px; font-family:DaunPenh; font-weight: normal;
}


.main-matter-space{
max-width:1000px;
width:100%;
height: auto;
margin:auto;
background-color:#F6F5F3;
clear:both;
}


.our-services{
color:#0C498E; text-align:center; padding-top:3%; padding-bottom:1%; font-size:50px; font-family:DaunPenh; font-weight: normal; clear:both;
}


.expertise-wrapper{
width: 100%;
height: auto;
margin:auto;
background-color:#F0DFE2;
clear:both;
}

.expertise-space{
width: auto;
height: auto;
max-width:1000px;
margin:auto;
background-color:#F0DFE2;
clear:both;
}

.expertise-space-ltd{
max-width:1000px;
width:100%;
height: auto;
margin:auto;
background-color:#F0DFE2;
clear:both;
}





/*expertise effect*/


#exp-menu {
        text-align: center; }
    
    
    .fader {
        /* Giving equal sizes to each element */
        width:    180px;
        height:   180px;
		margin-left:2.5%;
		margin-right:2.5%;
		margin-top:3%;
		margin-bottom:2%;
		
        
        /* Positioning elements in lines */
        display:  inline-block;
        
        /* This is necessary for position:absolute to work as desired */
        position: relative;
        
        /* Preventing zoomed images to grow outside their elements */
        overflow: hidden; }
    
    
        .fader img {
            /* Stretching the images to fill whole elements */
            width:       100%;
            height:      100%;
        
            /* Preventing blank space below the image */
            line-height: 0;
    
            /* A one-second transition was to disturbing for me */
            -webkit-transition: all 0.3s ease;
            -moz-transition:    all 0.3s ease;
            -o-transition:      all 0.3s ease;
            -ms-transition:     all 0.3s ease;
            transition:         all 0.3s ease; }
    
            .fader img:hover {
                /* Making images appear bigger and transparent on mouseover */
                opacity: 0.5;
                width:   120%;
                height:  120%; }
    
        .fader .text {
            /* Placing text behind images */
            z-index: -10;     
        
            /* Positioning text top-left conrner in the middle of elements */
            position: absolute;
            top:      50%;
            left:     50%; }
        
            .fader .text p {
                /* Positioning text contents 50% left and top relative
                   to text container's top left corner */
                margin-top:  50%; 
                margin-left: 50%; }
				
				
				
				/*expertise effect*/
				

.bottem-wrapper{
height:auto;
max-width:1000px;
width:100%;
background-color:#000000;
margin:auto;
}			
				
				
.bottem-space{
max-width:1000px;
width:100%;
height: auto;
background-color:#000000;
float:left;
clear:both;
}


.main-heading-text{
font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#fff; margin-top:20px; margin-left:20px; margin-bottom:10px;
}


.menu-btm {
	margin: 0px;
	padding: 0px;
}
.menu-btm ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
	line-height: 30px;
}

.menu-btm ul li{
	float: none;
	list-style-type:none;
	position:relative;
	background:#000;
	color: #FFFFFF;
	font-weight: bold;
	cursor:pointer;
}

.menu-btm ul li a{
display:block;
text-align: justify;
width:80%;
height:30px;
text-decoration:none;
font-size:100%;
margin-left:18px;
margin-right:18px;
font-weight: normal;
color:#eee;
border:#FFFFFF; size:1px;

}

.menu-btm ul li:hover{

background:#;

}

.menu-btm ul li a:hover{
color:#ccc;

}


.bottem-space1{
width:25%;
height: auto;
float:left;
background-color:#000;
}

.bottem-space2{
width:25%;
height: auto;
background-color:#000;
float:left;
}

.bottem-space3{
width:25%;
height: auto;
background-color:#000;
float:left;
}

.bottem-space4{
width:25%;
height: auto;
background-color:#000;
float:left;
}


.copy-space{
height:35px;
width:100%;
max-width:1000px;
margin:auto;
background:#CCCCCC;
clear:both;
}


.copy-text{

color:#000; line-height:35px; margin-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:15px;

}


@media (min-width: 768px) and (max-width: 1023.99px) {

.email{
font-family: DaunPenh; font-size:150%; color:#BB0724; padding-top:12%; padding-left:15%; line-height:130%; width:80%;
}



.menu-btm ul li a{
display:block;
text-align: justify;
width:80%;
height:30px;
text-decoration:none;
font-size:80%;
margin-left:18px;
margin-right:18px;
font-weight: normal;
color:#eee;
border:#FFFFFF; size:1px;

}

}



@media (min-width: 500px) and (max-width: 767.99px) {

.logo-space{
background-color:#F6F5F3;
height: auto;
width:50%;
float:left;
}

.logo-space img{
width:90%;
margin-top:10%;
margin-left:5%;
}

.email-space{
background-color:#F6F5F3;
height: auto;
width:50%;
float:left;
}

.email{
font-family: DaunPenh; font-size:160%; font-weight: normal; color:#BB0724; padding-top:12%; padding-left:15%; line-height:130%; width:80%;
}


.social-space{
background-color: #F6F5F3;
height: auto;
width:100%;
float:left;
}



.bottem-space1{
width:50%;
height: auto;
float:left;
background-color:#000;
}

.bottem-space2{
width:50%;
height: auto;
background-color:#000;
float:left;
}

.bottem-space3{
width:50%;
height: auto;
background-color:#000;
float:left;
}

.bottem-space4{
width:50%;
height: auto;
background-color:#000;
float:left;
}


.menu-btm ul li a{
display:block;
text-align: justify;
width:80%;
height:30px;
text-decoration:none;
font-size:90%;
margin-left:18px;
margin-right:18px;
font-weight: normal;
color:#eee;
border:#FFFFFF; size:1px;

}

}



@media (max-width: 499.99px){

.logo-space{
background-color:#F6F5F3;
height: auto;
width:100%;
float:left;
}

.logo-space img{
width:90%;
margin-top:10%;
margin-left:5%;
}

.email-space{
background-color:#F6F5F3;
height: auto;
width:100%;
float:left;
}

.email{
font-family: DaunPenh; font-size:170%; font-weight:bold; color:#BB0724; padding-top:12%; padding-left:10%; line-height:120%; width:80%;
}


.social-space{
background-color: #F6F5F3;
height: auto;
width:100%;
float:left;
}



.bottem-space1{
width:100%;
height: auto;
float:left;
background-color:#000;
}

.bottem-space2{
width:100%;
height: auto;
background-color:#000;
float:left;
}

.bottem-space3{
width:100%;
height: auto;
background-color:#000;
float:left;
}

.bottem-space4{
width:100%;
height: auto;
background-color:#000;
float:left;
}

.copy-text{

color:#000; line-height:35px; margin-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:13px;

}


}