/* 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;
	padding:0;
	margin:0;
	}
a {
	text-decoration:none;
	color:#0981CB;
	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;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display: block;
}

nav ul {
    list-style: none;
}


/**** Start Header ****/
.wrapper {
	width: 98%;	
	max-width: 980px;
	margin: auto;
}
#hader_main {
	width:100%;

	background:#ffffff;
	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;

}
/*** 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 ***/

.header_main_content {
	float:left;
	width:100%;
	padding:0 0 3px 0; 
}	
.logo {
width:26%;
float:left;
padding:1% 0 0 0;
}
.logo img {
	float:left;
	padding:0 0 0 0;
}

.top_header_section {
	float:right;
	width:28%;
	padding:1% 0 1% 0;

}
.top_header_section h4 {
	float:left;
	width:50%;
font-family: 'roboto', sans-serif;
	font-size:14px;
	color:#181818;
	padding:0 0 0 0;
	font-weight:normal;
}
.top_header_section h6 {
	float:left;
	width:45%;
font-family: 'roboto', sans-serif;
	font-size:14px;
	color:#181818;
		font-weight:normal;
}
.top_header_section p {
	float:left;
	width:100%;
font-family: 'roboto', sans-serif;
	font-size:13px;
	color:#181818;
	padding:10px 0 0 0;
	font-weight:400;
	margin:0;
}	


.banner_main_content {
	float:left;
	width:100%;
	padding:0 0 0 0;
	margin:0;
}

.map_one {
	float:left;
	width:100%;
	padding:0 0 0 0;
	margin:0;
}

/**** about ***/
.aboout_main_content {
	float:left;
	width:100%;
	padding:5% 0 3% 0;
}	
.about_one_content {
	float:left;
	width:50%;
}	
.about_one_content h1 {
	float:left;
	width:94%;
	text-align:left;
font-family: 'Poppins', sans-serif;
	font-size:28px;
	color:#1f60a9;
	padding:0 0 2% 0;
}
.about_one_content p {
	float:left;
	width:93%;
font-family:'Poppins', sans-serif;
	font-size:14px;
	text-align:justify;
	color:#696a6c;
	padding:1% 0 1% 0;
	line-height:26px;
	font-weight:normal;
}
.about_one_content a {
	float:left;
	width:90%;
font-family:'Poppins', sans-serif;
	font-size:14px;
	color:#1f60a9;
	text-align:right;
	padding:1.5% 0 0 0;
}
.about_one_content a:hover {
	color:#164375;
}
.about_two_content {
	float:left;
	width:49%;
	border:1px solid #efefef;
	padding-bottom:1%;
}	
.vision_one_content {
	float:left;
	width:95%;
	padding:1% 0 1% 2%;
}
.vision_one_content img {
	float:left;
	padding:0 2% 0 0;
}	
.vision_one_content h2 {
	float:left;
	width:78%;
	text-align:left;
font-family:'Poppins', sans-serif;
	font-size:20px;
	color:#202121;
	padding:2% 0 5px 0;
}
.vision_one_content h5 {
	float:left;
	width:86%;
font-family:'Poppins', sans-serif;
	font-size:14px;
	text-align:justify;
	color:#696a6c;
	padding:1% 0 0 0;
	line-height:26px;
	font-weight:normal;
}
	
/**** about ***/
/**** Imge Import ****/
.weprovide_import {
	float:left;
	width:100%;
	background:url(../images/gemstone.jpg) no-repeat center;
	  background-repeat: no-repeat;
  background-attachment: fixed;
}
.weprovide_import h1 {
	float:left;
	width:100%;
	text-align:center;
font-family: 'Poppins', sans-serif;
	font-size:35px;
	color:#faf5f2;
	padding:14% 0 14% 0;
}

/**** Imge Import ****/


/*** 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:10%;
  	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:#f6694e;
	margin-left:48%;
	float:left;
	margin-top:1%;
}		
		
/***RK ABOUT ****/


/**** Product ***/
.raisins_product {
	float:left;
	width:100%;
	padding:3% 0 5% 0;
}	
.raisins_product h1 {
	float:left;
	width:100%;
	text-align:center;
font-family: 'Poppins', sans-serif;
	font-size:30px;
	color:#40464a;
	padding:1% 0 2% 0;
}
/**** Product ***/


/**** About Agncy ***/
.gain_sucess_main {
	float:left;
	width:100%;
	background:#f2f2f2;
	padding:3% 0 3% 0
}	
.gain_sucess_content {
	float:left;
	width:100%;
}	
.gain_sucess_content h1 {
	float:left;
	width:100%;
	text-align:center;
font-family: 'Poppins', sans-serif;
	font-size:30px;
	color:#40464a;
	padding:0 0 2% 0;
}
.gain_sucess_content p {
	float:left;
	width:100%;
font-family:'Poppins', sans-serif;
	font-size:14px;
	text-align:justify;
	color:#696a6c;
	padding:1% 0 0 0;
	line-height:26px;
	font-weight:normal;
}

.gain_sucess_one {
	float:left;
	width:31%;
	background:#FFFFFF;
	margin-left:1%;
}	
.gain_sucess_one {
	float:left;
	padding:0 0 0 0;
}	
.gain_sucess_one h4 {
	float:left;
	width:100%;
	text-align:center;
font-family: 'Poppins', sans-serif;
	line-height:26px;
	font-size:15px;
	color:#1f60a9;
	padding:4% 0 1% 0;
}
.gain_sucess_one p {
	float:left;
	width:100%;
font-family:'Poppins', sans-serif;
	font-size:14px;
	text-align:center;
	color:#696a6c;
	padding:1% 0 3% 0;
	line-height:26px;
	font-weight:normal;
}
/**** About Agncy ***/


/**** Why Work With Us ****/
.why_work_content {
	float:left;
	width:100%;
	padding:3% 0 3% 0;
}	
.why_work_content h1 {
	float:left;
	width:100%;
	text-align:center;
font-family: 'Poppins', sans-serif;
	font-size:30px;
	color:#40464a;
	padding:0 0 1% 0;
}
.why_work_content p {
	float:left;
	width:100%;
font-family: 'roboto', sans-serif;
	font-size:14px;
	text-align:center;
	color:#696a6c;
	padding:0 0 3% 0;
	line-height:26px;
	font-weight:normal;
}
.why_work_two {
	float:left;
	width:100%;
}	
.why_work_one {
	float:right;
	width:23%;
	border:1px solid #eaeaea;
	padding:5% 0 5% 0;
	margin-left:1%;
	margin-bottom:2%;
	
}	
.why_work_one img {
	float:left;
	padding:0 0 0 37%;
}	
.why_work_one h3 {
	float:left;
	width:100%;
	text-align:center;
font-family: 'Poppins', sans-serif;
	font-size:17px;
	color:#244357;
	padding:2% 0 2% 0;
}

/*** Why Work With us ****/


/*** Responsive ***/

@media only screen and (min-width:320px) {
.logo {
width:45%;
padding:1% 0 0 0;
}
.top_header_section {
	width:45%;
	padding:8% 0 0 0;

}
.top_header_section h4 {
	width:65%;
}
.top_header_section h6 {
	width:80%;
}
.top_header_section p {
	width:100%;
}

.about_one_content {
	width:94%;
	padding-left:6%;
	padding-top:2%;
	padding-bottom:2%;
}
.about_one_content h1 {
	width:98%;
}
.about_one_content p {
	width:96%;
	padding:2% 0 0 0;
}	
.about_one_content a {
	width:90%;
	padding-bottom:3%;
}		
.about_two_content {
	width:90%;
	padding:5% 0 5% 0;
	margin-left:4%;
	margin-top:3%;
}
.vision_one_content {
	width:96%;
	padding:3% 0 5% 2%;
}	
.vision_one_content h5 {
	width:96%;
	padding-left:4%;
}
.gain_sucess_main {
	padding:6% 0 5% 0
}
.gain_sucess_one {
	width:90%;
		margin-bottom:5%;
		margin-left:4%;
}
.gain_sucess_one h4 {
	padding:5% 0 2% 0;
}
.gain_sucess_one p {
	padding:1% 0 5% 0;
}	
.why_work_one {
	width:90%;
	float:left;
	margin-left:4%;
	margin-top:3%;
	margin-bottom:3%;	
}
.why_work_content h1 {
	padding:4% 0 1% 0;
}
.why_work_content p {
	width:90%;
	padding-left:4%;
}
  .about_rk a {
  width:30%;
  margin-left:30%;
 } 
}	



@media only screen and (min-width:400px) {
.logo {
width:40%;
}
.top_header_section {
	width:60%;
	padding:1% 0 0 0;

}
.top_header_section h4 {
	width:45%;
}
.top_header_section h6 {
	width:46%;
}
.why_work_one {
	float:left;
	width:45%;
	margin-left:2%;	
}
  .about_rk a {
  width:25%;
  margin-left:35%;
 } 
}
@media only screen and (min-width:460px) {
.gain_sucess_one {
	width:80%;
	margin-left:10%;
	margin-bottom:2%;
}	
  .about_rk a {
  width:23%;
  margin-left:37%;
 }
}
@media only screen and (min-width:500px) {
.logo {
width:40%;
}
.top_header_section {
	width:50%;
	padding:1% 0 0 0;

}
.top_header_section h4 {
	width:45%;
}
.top_header_section h6 {
	width:46%;
}
.gain_sucess_one {
	width:70%;
	margin-left:14%;
	margin-bottom:2%;
}
  .about_rk a {
  width:20%;
  margin-left:40%;
 }
}	

@media only screen and (min-width:560px) {
.gain_sucess_one {
	width:65%;
	margin-left:18%;
	margin-bottom:2%;
}
}

@media only screen and (min-width:600px) {
	
.vision_one_content h5 {
	width:100%;
}
.gain_sucess_one {
	width:60%;
	margin-left:20%;
	margin-bottom:2%;
}
  .about_rk a {
  width:17%;
  margin-left:43%;
 }	
}
@media only screen and (min-width:660px) {
	
}

@media only screen and (min-width:720px) {
.gain_sucess_one {
	width:31%;
	margin-left:1%;
	margin-bottom:0;
}
.why_work_one {
	float:left;
	width:23%;	
}
  .about_rk a {
  width:14%;
  margin-left:43%;
 }
}
@media only screen and (min-width:768px) {

}

@media only screen and (min-width:800px) {
.about_one_content {
	width:48%;
	padding-left:2%;
}		
.about_two_content {
	width:48%;
	padding:5% 0 5% 0;
	margin-left:1%;
	margin-top:3%;
}
}


@media only screen and (min-width:990px) {
.logo {
width:26%;
padding:1% 0 0 0;
}

.top_header_section {
	width:28%;
	padding:5% 0 1% 0;

}
.top_header_section h4 {
	width:48%;
}
.top_header_section h6 {
	width:45%;
}
.about_two_content {
	width:49%;
	padding-bottom:1%;
	padding-top:4%;
}
.vision_one_content {
	padding:0 0 5% 2%;
}
.top_header_section {
display:inline;
}
  .about_rk a {
  width:11%;
  margin-left:44%;
 }
}


/*** Responsive ***/