/* CSS Document */

html,body{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}	
*{
	padding:0;
	margin:0;
}
img {
	border:none;
	display:block;
	max-width:100%;
	height:auto;
	width:auto;
	}
a {
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	text-decoration:none;
	color:#fff;
}
.underline {
	text-decoration:underline;
}
.underline:hover {
	text-decoration:none;
}
	
h1, h2, h3, h4, h5, h6, p, div, span, html, ol, ul, li, form,label {
	margin:0;
	padding:0;
}
ul{
	list-style-type:none;
	}
.spacer{
	clear:both;
	font-size:0;
	line-height:0;
	}
.flotleft{
	float:left;
	width:auto;
	}
.flotright{
	float:right;
	width:auto;
	}
	.clear
{
    clear: both;
}
form{
	margin:0;
	padding:0;
}
p  {
	text-align:justify;
	display: block;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display: block;
}

nav ul {
    list-style: none;
}




/**** Start Header ****/
.wrapper {
	width: 100%;	
	margin: auto;
	max-width:1178px;
}
.header_main {
	float:left;
	width:100%;
	background:url(../images/header-bg-top.jpg) repeat-x top;
	padding:0;
	margin:0;
}	

#hader_main {
	width:100%;
	background:url(../images/header-bg-top.jpg) repeat-x top;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	z-index:10;

}			
.logo {
width:45%;
float:left;
padding:1% 0 0 0;
}
.logo h1 {
	float:left;		
	font-size:20px;
	color:#a2302c;
font-family: 'Roboto', sans-serif;
  width:78%;
	padding:7% 0 0 0;
	margin:0;
 }
.logo img {
	float:left;
	padding:0 0 0 0;
}
.phone_no {
	width:40%;
	float:right;
	padding:1% 0 0 0;
}

.phone_no h3 {
	float:left;		
	font-size:18px;
	color:#5a5d5f;
font-family: 'M PLUS 1p', sans-serif;
  width:65%;
  padding:1.5% 0 0 0;
  margin:0;
  text-align:right;
 }	
 
 
 /*** Sticky Menu Bar ***/

.sticky {
  position: fixed;
z-index:999;
	opacity:1;
	visibility:visible;

	animation-name: fadeInDown;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;	
}

.sticky + .bann_one_blank {
  padding-top: 60px;
}
 
  /*** Sticky Menu Bar ***/
 .bann_one_blank {
 	width:100%;
	float:left;
	height:5px;
}		
.banner_main_content {
	float:left;
	width:100%;
	padding:0 0 0 0;
	margin:0;
}
.banner_main_content img {
	padding:0 0 0 0;
	margin:0;
}	





/*** About SGEFPL ****/	
.about_rk {
	float:left;
	width:100%;
	padding:2% 0 2% 0;
	margin:0;

}
.about_rk h1 {
	float:left;		
	font-size:25px;
	color:#484848;
font-family: 'Roboto', sans-serif;
  width:100%;
  text-align:center;
	padding:2% 0 0 0;
	margin:0;
 }	
 .about_rk p {
	float:left;		
	font-size:17px;
	color:#454545;
font-family: 'Rubik', sans-serif;
  width:100%;
	padding:1% 0 1% 0;
	text-align:center;
	line-height:30px;

 }	
  .about_rk a {
	float:left;		
	font-size:14px;
	color:#ffffff;
font-family: 'Roboto', sans-serif;
  width:9%;
  	padding:8px 0 8px 1%;
	margin-left:45%;
	background:#e2b258;
 }
  .about_rk .onearrow {
  	padding-top:2%;
	font-size:20px;
}	 	
   .about_rk a:hover {
   	color:#c52e31;
}	

.about_rk_line {
	width:4%;
	height:3px;
	background:#9f302b;
	margin-left:48%;
	float:left;
	margin-top:1%;
}		
		
/***RK ABOUT ****/


/**** RK Product ***/
.rk_product_content {
	float:left;
	width:100%;
	padding:2% 0 2% 0;
}
.rk_product_one {
	float:left;
	width:41%;
	background:url(../images/about-rk-logo.png) no-repeat center #c52e31;

}
.rk_product_one h1 {
	float:left;		
	font-size:45px;
	color:#fefefe;
font-family: 'Roboto', sans-serif;
  width:100%;
  text-align:center;
	padding:41% 0 1% 0;
	font-weight:normal;
	margin:0;
 }
.rk_product_line {
	width:10%;
	height:3px;
	background:#fefefe;
	margin-left:45%;
	float:left;
	margin-top:1%;
	margin-bottom:36.7%
}

.rk_product_two {
	float:left;
	width:59%;
}	
.rk_one_product {
	float:left;
	width:48%;
	padding:0 0 1% 1%;
}		

/**** RK Product ***/

/*** Leading The Way ***/
.leading_way_content {
	float:left;
	width:100%;
	padding:0 0 1% 0;
}
.leading_way_content h1 {
	float:left;		
	font-size:25px;
	color:#484848;
font-family: 'Roboto', sans-serif;
  width:100%;
  text-align:center;
	padding:2% 0 0 0;
	margin:0;
 }	
 .lading_way_line {
	width:4%;
	height:3px;
	background:#9f302b;
	margin-left:48%;
	float:left;
	margin-top:1%;
	margin-bottom:1%;
}	
.leading_one_content {
	float:left;
	width:100%;
	background:#c0e4f6;
}		
		
/*** Leading The Way ***/

/*** Industries **/
.industries_main_one {
	float:left;
	width:100%;
	padding-top:1%;
}	
.industries_one_content {
	float:left;
	width:25%;
	padding:0 0 0 0;
}	
/*** Industries **/

/**** Footer *****/
.footer_content_main {
	width:100%;
	float:left;
	background:#ececec;
	padding:1% 0 0 0;
}	

.footer_menu {
float:left;
width:15%;
padding-left:5%;
}
.footer_menu h1 {
	float:left;
font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:#656565;
	padding:5% 0 5% 0;
	width:100%;
}

.footer_menu ul {
margin:0 0 0 0;
padding:0 0 0 0;
}
.footer_menu ul li {
	float:left;
	display:inline;
	margin:0;
	padding:0;

	}
.footer_menu ul li a{
	float:left;
	width:200px;
	padding:2% 5px 3px 0;
	font-size:15px;
	margin-top:5px;
	color:#7b7b7b;
	text-decoration:none;
font-family: 'Roboto', sans-serif;
font-weight:normal;
	}
.footer_menu ul li a:hover {
	color:#a52b2d;
}
	
.footer_contact {
	float:left;
	width:27%;
}	
.footer_contact h1 {
	float:left;
font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:#656565;
	padding:1.5% 0 2% 0;
	width:100%;
}

.footer_address {
	float:left;
	width:100%;
}		
.footer_address h3 {
	float:left;
font-family: 'Roboto', sans-serif;
	font-size:15px;
	color:#7b7b7b;
	padding:2% 0 2% 0;
	width:100%;
	font-weight:normal;
}

.footer_map {
	width:37%;
	float:left;
	border:1px solid #ffffff;
}		


.footer_number {
	float:left;
	width:10%;
	padding:3% 0 0 5%;
}	
.footer_number img {
	float:left;
	padding:0 0 0 0;
}	

.footer_two {
width:100%;
float:left;
background:#90181a;
padding:0 0 5px 0;
}

.footer_end {
float:left;
width:100%;
padding:1% 0 1% 0;
}

.copyright_content {
	color:  #ffffff;
	font-size:12px;
	width:52%;
font-family: 'Roboto', sans-serif;
	padding:0 0 0 0;
	float:left;
}  

.design_content {
	float:right;
	width:24%;
	padding:0 0 0 0;
}

.design_content a{
	text-decoration: none;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:normal;
	font-family: 'Roboto', sans-serif;
}
.design_content a:hover {
color:#35a371;
}                                                                                                                                                                           

/**** Footer *****/	


/**** Social ***/
.social_content_one {
	float:right;
	width:31%;
	padding:0 0 0 0;
	margin:0;
}
.social_content {
	float:left;
	width:15%;
	padding:0 0 0 3%;
}
.facebook_content {
	width:25%;
	float:left;
	padding:0 5px 0 0;
}
.facebook_content a {
		background:url(../images/fb.png) no-repeat;
		width:100%;
		float:left;
height:33px;
  transition: 0.3s;		
	}
.facebook_content a:hover {
		background:url(../images/fb-over.png) no-repeat;
	}	
	
.linkedin {
	width:30%;
	float:left;
}
.linkedin a {
		background:url(../images/insta.png) no-repeat;
		width:100%;
		float:left;
height:33px;
  transition: 0.3s;		
	}
.linkedin a:hover {
		background:url(../images/insta-over.png) no-repeat;
	}	

.youtube {
	width:35%;
	float:left;
}
.youtube a {
		background:url(../images/youtube.png) no-repeat;
		width:100%;
		float:left;
height:33px;
  transition: 0.3s;		
	}
.youtube a:hover {
		background:url(../images/youtube-over.png) no-repeat;
	}	 
	

	

/*** Social **/


.contact_line {
	width:100%;
	float:left;
	background:#999999;
	height:1px;
	margin-top:4%;
}	

/**** Responsive ***/
/*
@media only screen and (min-width:320px) {
.logo {
width:40%;
}
.phone_no {
	width:94%;
}
.about_sgef_one {
	width:99%;
}			
.footer_menu {
width:90%;
}

.footer_contact {
	width:99%;
}
.footer_number {
	width:99%;	
}
	
.copyright_content {
	width:99%;
}
.design_content {
	float:left;
	width:99%;	
}	
}

@media only screen and (min-width:360px) {
.social_content {
	width:45%;
	padding-left:30%;
}
.footer_menu {
width:78%;
}	
}

@media only screen and (min-width:400px) {
.social_content {
	width:41%;
	padding-left:30%;
}
.footer_menu {
width:70%;
}	
}

@media only screen and (min-width:460px) {
.footer_menu {
width:25%;
}

.footer_contact {
	width:99%;
}
.footer_number {
	width:65%;	
}
.social_content {
	width:50%;
	padding-left:27%;
}
}

@media only screen and (min-width:560px) {
.social_content {
	width:45%;
	padding-left:29%;
}
}



@media only screen and (min-width:720px) {
.footer_menu {
width:15%;
}

.footer_contact {
	width:35%;
}
.footer_number {
	width:35%;	
}		
.social_content {
	width:56%;
	padding-left:20%;
}
}


@media only screen and (min-width:768px) {
.footer_menu {
width:15%;
}

.footer_contact {
	width:44%;
}
.footer_number {
	width:30%;	
}
.social_content {
	width:60%;
	padding-left:20%;
}
}


@media only screen and (min-width:800px) {
.logo {
width:20%;
}
.phone_no {
	width:90%;
}		
}
@media only screen and (min-width:900px) {
.copyright_content {
	width:52%;
}
.design_content {
	float:right;
	width:24%;
}
}

@media only screen and (min-width:980px) {
.social_content {
	width:50%;
	padding-left:27%;
}
}

@media only screen and (min-width:1172px) {
.phone_no {
	width:76%;
}  
.footer_menu {
width:15%;
padding-left:10%;
}

.footer_contact {
	width:42%;
}
.footer_number {
	width:25%;	
}
	
}

@media only screen and (min-width:1920px) {
.phone_no {
	width:60.5%;
}	


/**** Responsive ***/


 

 
 
