@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'baskerville_old_faceregular';
  src: url("font/baskerville_old_face-webfont.eot");
  src: url("font/baskerville_old_face-webfontd41d.eot?#iefix") format("embedded-opentype"), url("font/baskerville_old_face-webfont.woff") format("woff"), url("font/baskerville_old_face-webfont.ttf") format("truetype"), url("font/baskerville_old_face-webfont.svg#baskerville_old_faceregular") format("svg");
  font-weight: normal;
  font-style: normal; }


/* Start of Common Sections */

h1,h2,h3,h4,h5,h6,h7
{
	font-family: 'baskerville_old_faceregular';
}

.MidSection
{
	background-image:url(../Images/bg.jpg); background-repeat:repeat;

}

/*    End of the Conmon Section*/

/* Header Sections */

.header
{
	background-image:url(../Images/banner.jpg); background-repeat:no-repeat; background-size:cover;
	padding-bottom:40px;
	
}


.logo
{
	background-color:#00134b;
	
	width:600px;
	padding-top:40px;
	
	
}

#logotext
{
	font-family:"baskerville_old_faceregular", Times New Roman, Times, seri;
	color:#e9d5b3;
	font-size:47px;
	font-weight:400;
	
		

	
	
}

#logosmalltext{
	
	font-family:"baskerville_old_faceregular", Times New Roman, Times, seri;
	color:#fff;
	font-size:24px;
	font-weight:400;
		

	
}

.pic{ width:68px; height:45px;  filter: alpha(opacity=100); background:url(../Images/Down-Arrow.png); margin:0 auto; }
 .pic:hover { opacity: 0.3; filter: alpha(opacity=30); } 

/* End Header Sections */



/* Navigation Menu  Sections */
.goToTop {

  position: fixed;

  top: 0;

  height: 70px;

  z-index: 1;
  width:100%;

}

#head

{
	z-index:1;
	
}
.navbar-default {
 background-color: #030b2c;
 border-color: #000000;
 border-radius: 0px;
 padding-top:5px;
 padding-bottom:5px;
 margin-bottom: 0px;
 
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
  	background-color: #030b2c;;

}

.navbar-default .navbar-brand {
  font-family:"baskerville_old_faceregular", Times New Roman, Times, seri;
	color:#e9d5b3;
	font-size:30px;
	font-weight:400;
	background-color: #030b2c;;
}


.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #fff;
  background-color: #030b2c;;
}

.navbar-default .navbar-nav > li > a {
  font-family:"baskerville_old_faceregular", Times New Roman, Times, seri;
	color:#e9d5b3;
	font-size:18px;
	font-weight:400;
	background-color:#030b2c;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #030b2c;
}
/* End of the  Navigation Menu Sections */





/* About Us section */

.Tittle
{
	background-color:#08185c;
	-moz-box-shadow: 0px -1px 5px #000000;
-webkit-box-shadow: 0px -1px 5px #000000;
box-shadow: 0px -1px 5px #000000;
margin-top:0px;
padding-bottom:5px;
}

.Tittle h1
{
	font-family:"baskerville_old_faceregular", Times New Roman, Times, seri;
	color:#e9d5b3;
	font-size:40px;
	font-weight:400;
	text-transform:uppercase;
}



.Aboutus
{
	padding-top:40px;
	padding-bottom:40px;
	
	
}


.aboutinner
{
	background: url(../Images/section.jpg); background-repeat:repeat;
	width:92%;
	-moz-box-shadow: 0px -1px 5px #000000;
-webkit-box-shadow: 0px -1px 5px #000000;
box-shadow: 0px -1px 5px #000000;
}


.aboutinner p
{
	font-family:"Arial", Helvetica, sans-serif;
	color:#fff;
	font-size:16px;
	
	text-align:justify;
	
	padding-top:60px;
	padding-left:40px;
	padding-right:40px;
	
	
	
	
}


.aboutinner .ceo 
{
	padding-bottom:40px;
	
	
}

.aboutinner .ceo > a
{
	
	font-family:"baskerville_old_faceregular", Times New Roman, Times, seri;
	color:#e9d5b3;
	font-size:20px;
	font-weight:400;
	padding-left:40px;
	
	
}




 .modal-title
 {
	 font-family:"baskerville_old_faceregular", Times New Roman, Times, seri;
	color:#e9d5b3;
	font-size:20px;
	font-weight:400;
	padding-top:10px;
	padding-left:25px;
	padding-right:25px;
	
 }
 
 
 .modal-body
 {
	 background: url(../Images/section.jpg); background-repeat:repeat;
 }
 
 .img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #e9d5b3;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
 
 .modal-body p
 {
	
	font-family:"Arial", Helvetica, sans-serif;
	color:#fff;
	font-size:14px;
	
	text-align:justify;
	
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	 
 }
 
 .modal-body h3
 {
	
	font-family:"Arial", Helvetica, sans-serif;
	color:#f6dd88;
	font-size:20px;
	
	text-align:justify;
	
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	 
 }
 
 
 .modal-body ul li 
 {
	
	font-family:"Arial", Helvetica, sans-serif;
	color:#fff;
	font-size:14px;
	
	text-align:justify;
	
	padding-top:10px;
	padding-left:20px;
	padding-right:20px; 
	 
 }
 
 
.pull-right1
{
	float:right;
	padding-right:40px;
}



.aboutusimg
{
	
}

.aboutusimg #Aboutbox1
{
	background: url(../Images/section.jpg); background-repeat:repeat;
	padding:20px;
	-moz-box-shadow: 0px -1px 5px #000000;
-webkit-box-shadow: 0px -1px 5px #000000;
box-shadow: 0px -1px 5px #000000;
margin-bottom:36px;
	
	
}
.aboutusimg #Aboutbox1 img
{
	margin-left:6px;
	
	
}

.aboutusimg #Aboutbox2
{
	background: url(../Images/section.jpg); background-repeat:repeat;
	padding:20px;
	
	-moz-box-shadow: 0px -1px 5px #000000;
-webkit-box-shadow: 0px -1px 5px #000000;
box-shadow: 0px -1px 5px #000000;
	
}

.aboutusimg #Aboutbox2 img
{
	margin-left:6px;
	
	
}
/* End  About Us section */


/* Investment Arrea section*/

.InvestmentArea
{
	padding:40px 40px;
}


.InvestmentArea .imgbox
{
	background: url(../Images/section.jpg); background-repeat:repeat;
	padding:20px;
	-moz-box-shadow: 0px -1px 5px #000000;
-webkit-box-shadow: 0px -1px 5px #000000;
box-shadow: 0px -1px 5px #000000;
}

.InvestmentArea .imgbox img
{
	margin-left:6px;
}


.InvestmentArea .heading
{
	text-align:center;
	font-family:"baskerville_old_faceregular", Times New Roman, Times, seri;
	color:#e9d5b3;
	font-size:30px;
	font-weight:400;
	padding-top:10px;
	
}


.InvestmentArea .content
{
	
	font-family:"Arial", Helvetica, sans-serif;
	color:#fff;
	font-size:14px;
	text-align:center;
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
	
}

.InvestmentArea .row
{
	padding-bottom:40px;
}



.Ecommerce1{
	display:none;	
}


/* End of Investment Arrea section */


/*Investor */


.investor
{
	padding:60px 60px;
}


.investor .heading
{
	text-align:center;
	font-family:"baskerville_old_faceregular", Times New Roman, Times, seri;
	color:#e9d5b3;
	font-size:30px;
	font-weight:400;
	
}


.investor  .content
{
	
	font-family:"Arial", Helvetica, sans-serif;
	color:#fff;
	font-size:14px;
	text-align:center;
	padding-top:20px;
	padding-right:14px;
	padding-left:14px;
	
}


.investor .imgbox
{
	background: url(../Images/section.jpg); background-repeat:repeat;
	padding:20px;
	-moz-box-shadow: 0px -1px 5px #000000;
-webkit-box-shadow: 0px -1px 5px #000000;
box-shadow: 0px -1px 5px #000000;
}

.investor .imgbox img
{
	margin-left:6px;
}

/* End of Investor */





/* contact */

.contact
{
	padding: 40px 40px;
}

.contact h2
{
	
	font-family:"baskerville_old_faceregular", Times New Roman, Times, seri;
	color:#e9d5b3;
	font-size:19px;
	font-weight:400;
	
}

.contact h3
{
	
	font-family:"baskerville_old_faceregular", Times New Roman, Times, seri;
	color:#fff;
	font-size:16px;
	font-weight:400;
	
}


.contact .conhead
{
	
	font-family:"baskerville_old_faceregular", Times New Roman, Times, seri;
	color:#e9d5b3;
	font-size:30px;
	font-weight:400;
	
}



.contact input[type="text"] {
  display: block;
  margin: 0;
  width:100%;
  font-family: sans-serif;
  font-size: 18px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  background-color:#e9d5b3;
}


.contact .ta2 {
	width:100%;
	height:125px;
	background-color:#e9d5b3;
	
}


.contact input#bigbutton {
width:32%;
margin-top:10px;
background-color:#e9d5b3; /*the colour of the button*/
padding: 2px 2px 2px; /*apply some padding inside the button*/
border:1px solid #c3a673; /*required or the default border for the browser will appear*/
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
/*style the text*/
font-size:1.5em;
font-family:"baskerville_old_faceregular", Times New Roman, Times, seri; /*Oswald is available from http://www.google.com/webfonts/specimen/Oswald*/
letter-spacing:.1em;
text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); /*give the text a shadow - doesn't appear in Opera 12.02 or earlier*/
color: #000;
/*use box-shadow to give the button some depth - see cssdemos.tupence.co.uk/box-shadow.htm#demo7 for more info on this technique*/

/*give the corners a small curve*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/***SET THE BUTTON'S HOVER AND FOCUS STATES***/
.contact input#bigbutton:hover, input#bigbutton:focus {
background-color:#f5e2b3;
/*reduce the size of the shadow to give a pushed effect*/

}
/* End of contact */




/* Footer */

.footer
{
	background:#030b2c;
	padding:10px 10px;
}

.footer h3
{
	font-family:"baskerville_old_faceregular", Times New Roman, Times, seri;
	color:#fcdc9a;
	font-size:20px;
	font-weight:400;
}
#a1
{
	margin-left:-60em;
}

.a2
{
	margin-left:600px;
	
}
.animate
{
	transition:1s ease-in-out;
	-moz-transition:1s ease-in-out;
	-webkit-transition:1s ease-in-out;
	-o-transition:1s ease-in-out;
}

#a1.animate
{
	transform:translate(60em,0);
	-moz-transform:translate(60em,0);
	-webkit-transform:translate(60em,0);
	-o-transform:translate(60em,0);
}




.fadein
{
	animation-name:fadein;
	-webkit-animation-name:fadein;
	
	animation-duration:1.5s;
	-webkit-animation-duration:1.5s;
	animation-timing-function:ease-in-out;
	visibility: visible !important;
}


@keyframes fadein {
0% {
		transform:scale(0);
		opacity:0.0;
	}
	
	60% {
		transform:scale(1.1);
		
	}
	
	
	80% {
		transform:scale(0.9);
		opacity:1;
	}
	
	100% {
		transform:scale(1);
		opacity:1;
	}
}


@-webkit-keyframes fadein {
0% {
		transform:scale(0);
		opacity:0.0;
	}
	
	60% {
		transform:scale(1.1);
		
	}
	
	
	80% {
		transform:scale(0.9);
		opacity:1;
	}
	
	100% {
		transform:scale(1);
		opacity:1;
	}
}
.a2.animate
{
	transform:translate(-600px,0);
	-moz-transform:translate(-600px,0);
	-webkit-transform:translate(-600px,0);
	-o-transform:translate(-600px,0);
}
/* End of Footer */




/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	
	
	.navbar-default .navbar-nav > li > a {
  ont-family:"baskerville_old_faceregular", Times New Roman, Times, seri;
	color:#e9d5b3;
	font-size:16px;
	font-weight:400;
}

.navbar-default .navbar-brand {
	font-size:18px;
}

.aboutinner
{
	
	width:100%;
	margin-bottom:40px;
}
.Ecommerce{
display:none;		
}

.Ecommerce1{
display:block;		
}

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	
	.logo
{
	
	width:80%;
	
	
	
}

#logotext
{
	
	font-size:37px;
	font-weight:300;
	
	
}

#logosmalltext{
	
	
	font-size:19px;
	font-weight:300;
	
}

.aboutinner
{
	
	width:100%;
	margin-bottom:40px;
}

.Ecommerce{
display:none;		
}


.Ecommerce1{
display:block;		
}

.contact input#bigbutton {
width:45%;
margin-top:10px;
background-color:#e9d5b3; /*the colour of the button*/
padding: 5px 5px 5px; /*apply some padding inside the button*/
border:1px solid #c3a673; /*required or the default border for the browser will appear*/
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
/*style the text*/
font-size:1.5em;
font-family:Oswald, sans-serif; /*Oswald is available from http://www.google.com/webfonts/specimen/Oswald*/
letter-spacing:.1em;
text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); /*give the text a shadow - doesn't appear in Opera 12.02 or earlier*/
color: #000;
/*use box-shadow to give the button some depth - see cssdemos.tupence.co.uk/box-shadow.htm#demo7 for more info on this technique*/

/*give the corners a small curve*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/***SET THE BUTTON'S HOVER AND FOCUS STATES***/
.contact input#bigbutton:hover, input#bigbutton:focus {
color:#030b2c;
/*reduce the size of the shadow to give a pushed effect*/

}

}

/* Landscape phones and smaller */
@media (max-width: 480px) {




	.logo
{
	
	width:80%;
	
	
	
}

#logotext
{
	
	font-size:24px;
	font-weight:300;
	
	
}

#logosmalltext{
	
	
	font-size:14px;
	font-weight:300;
	
}




.Tittle h1
{
	
	font-size:20px;
	
}

.aboutinner
{
	
	width:100%;
	margin-bottom:40px;
}

.Ecommerce{
display:none;	
}

.Ecommerce1{
display:block;		
}

.footer h3
{
	font-family:"baskerville_old_faceregular", Times New Roman, Times, seri;
	color:#fcdc9a;
	font-size:15px;
	font-weight:400;
}


.contact input#bigbutton {
width:100%;
margin-top:10px;
background-color:#e9d5b3; /*the colour of the button*/
/*apply some padding inside the button*/
border:1px solid #c3a673; /*required or the default border for the browser will appear*/
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
/*style the text*/
font-size:1.5em;
font-family:Oswald, sans-serif; /*Oswald is available from http://www.google.com/webfonts/specimen/Oswald*/
letter-spacing:.1em;
text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); /*give the text a shadow - doesn't appear in Opera 12.02 or earlier*/
color: #000;
/*use box-shadow to give the button some depth - see cssdemos.tupence.co.uk/box-shadow.htm#demo7 for more info on this technique*/

/*give the corners a small curve*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/***SET THE BUTTON'S HOVER AND FOCUS STATES***/
.contact input#bigbutton:hover, input#bigbutton:focus {
color:#030b2c;
/*reduce the size of the shadow to give a pushed effect*/

}


.InvestmentArea .content
{
	
	
	padding-top:5px;
	padding-right:5px;
	padding-left:5px;
	
}



.investor .content
{
	
	
	padding-top:5px;
	padding-right:5px;
	padding-left:5px;
	
}


}