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

body{
	width:100%;
	margin:0 auto;
	background:#fff;
	display:inline-block;
	font-family:Arial, Regular;
	
	
}
p
{
	font-size: 13px !important;
	font-family:Arial, Regular;
	color:#3F3E3E !important;
	text-align:justify;
	margin-bottom:10px !important;
	font-weight:normal;
}

.structure
{
	max-width:1250px;
	margin-right:auto;
	margin-left:auto;
	padding-left:10px;
	padding-right:10px;
	background-image: url(images/bg1.jpg);
	background-repeat:repeat-x;
	z-index:-999;
	
	}
	
	.structure:before, .structure:after {
display: table;
content: " ";
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.structure:after {
clear: both;
}
.header-area
{
	float:left;
	width:100%;
}
.header
{
	float:left;
	width:100%;
}
.logo
{
	float:left;
	padding-top:7px;
	padding-bottom:10px;
}
.header-right
{
	float:right;
	width:295px;
}
.call
{
	float:right;
	margin-top:10px;
}
.call h2
{
	font-size:28px;
	font-family: Arial, Regular;
	color:#656565;
	font-weight:normal;
	padding-bottom:10px;
	margin:0;
}
a.sprite,
.sprite
{
background:url(images/sprite.png);
display:inline-block;
text-indent:-9999px;
}

li
{
list-style-type:none;
}
.flow
{
	float:right;
	margin-top:8%;
}


.nav
{
	float:left;
	}
.flow ul
{
	float:right;
	width:auto !important;

}
.socials li
{
float:left;
width:auto !important;
border:none !important;
}

.socials li a
{
width:35px;
height:32px;
}

a.facbook-icon{
background-position:0 0;
}
a.twitter-icon{
background-position:-36px 0;
}
a.google-icon{
background-position:-72px 0;
}
a.in-icon{
background-position:-108px 0;
}
a.you-icon{
background-position:-144px 0;
}




a.facbook-icon:hover{
background-position:0 -31px;
}
a.twitter-icon:hover{
background-position:-36px -31px;
}
a.google-icon:hover{
background-position:-72px -31px;
}
a.in-icon:hover{
background-position:-108px -31px;
}
a.you-icon:hover{
background-position:-144px -31px;
}
.email
{
	float:left;
}
.email p
{
	color:#fff !important;
	background:url(images/msg.png) no-repeat;
	background-position:left center;
	padding-left:50px;
	font-family: myFirstFont;
	font-size:26px !important;
	margin:0 !important;
	padding-top:7px;
	padding-bottom:7px;
}
.menu-area
{
	float:left;
	width:100%;
	background:#2a8dfc;
	border-bottom:2px solid #113865;
	border-top:2px solid #000000;
}
.menu
{
	float:left;
	width:100%;
}
.menu ul {
    list-style-type: none;
    float:left;
	width:100%;
	padding:0;
	margin:0;
	

}
.menu ul li
{
	float:left;
}
.menu ul li a {
    color: #fff;
    font-family: myFirstFont;
    font-size: 21px;
    text-decoration: none;
	padding:11px 30px;
	font-weight:normal;
	float:left;
	border-right:1px solid white;
	
	
	
}
.menu ul li a.active,.menu ul li a:hover{
	color:#fff;
	background:#727272

}

.menu  ul li:last-child a{
		border-right: none;
	
}




.banner-area
{
	float:left;
	width:100%;
	background:#ddeaf9;
	padding-bottom:20px;
	padding-top:20px;
}
.banners
{
	float:left;
	width:100%;
	background:url(images/shadow.png);
	padding-bottom:10px;
	background-position:bottom center;
	background-repeat:no-repeat;
}
.demo-code{ background-color:#ffffff; border:1px solid #333333; display:block; padding:10px;}
.option-table td{ border-bottom:1px solid #eeeeee;}




.more
{
	float:right;
	margin-top:0px;
}
.more a
{
	font-size:13px;
	text-decoration:none;
	font-family: myFirstFont;
	font-weight:bold;
	color:#000;
	font-style:italic;
}
.more a:hover
{
	text-decoration:underline;
}
.text-area
{
	float:left;
	width:100%;
	margin-bottom:20px;
	padding-top:20px;
}
.text
{
	float:left;
	width:100%;

}
.text h1
{
	font-size:30px;
	background:url(images/line.png) no-repeat;
	background-position:bottom left;
	padding-bottom:20px;
	margin:0;
	font-family: myFirstFont;
	font-weight:normal !important;
	color:#0b49e6;
}
.text h2
{
	font-size:24px;
	padding-bottom:0px;
	padding-top:10px;
	margin:0;
	color:#fff;
	font-family: myFirstFont;
	font-weight:normal !important;
}
.text p
{
	color:#fff !important;
}
.text ul
{
	margin:0;
	padding:0;
	float:left;
	width:100%;
	margin-bottom:30px;
}
.text ul li
{
	float:left;
	width:24%;
	margin-right:1.335%;
	text-align:center;
	padding:0px 15px;
	border-radius:10px;
	 background: -webkit-gradient(radial, center center, 0, center center, 460, from(#399176), to(#569682));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #399176, #569682);

  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #399176, #569682);

  /* IE 10 */
  background: -ms-radial-gradient(circle, #399176, #569682);
}
.text ul li:nth-child(2)
{
	 background: -webkit-gradient(radial, center center, 0, center center, 460, from(#79b02b), to(#79b02b));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #79b02b, #79b02b);

  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #79b02b, #79b02b);

  /* IE 10 */
  background: -ms-radial-gradient(circle, #79b02b, #79b02b);
}
.text ul li:nth-child(3)
{
	 background: -webkit-gradient(radial, center center, 0, center center, 460, from(#edac33), to(#edac33));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #edac33, #edac33);

  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #edac33, #edac33);

  /* IE 10 */
  background: -ms-radial-gradient(circle, #edac33, #edac33);
}
.text ul li:last-child
{
	 background: -webkit-gradient(radial, center center, 0, center center, 460, from(#f17e5b), to(#f17e5b));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #f17e5b, #f17e5b);

  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #f17e5b, #f17e5b);

  /* IE 10 */
  background: -ms-radial-gradient(circle, #f17e5b, #f17e5b);
  margin-right:0;
}

.more1
{
	float:right;
	width:100%;
	padding-bottom:10px;
	padding-top:10px;
}
.more1 img
{
	float:right;
}
.more1 img:hover
{
	cursor:pointer;
	opacity:.5;
}
.box-area
{
	float:left;
	width:100%;
}
.box 
{
	float:left;
	width:100%;
}
.box ul
{
	float:left;
	width:100%;
}
.box ul li
{
	float:left;
	width:100%;
	margin-right:2%;
}
.box ul li:last-child
{
	margin-right:0;
}
.box ul li img
{
	width:auto%;
	float:left;
	margin-right:10px;
}
.bx-left
{
	float:left;
	width:73%;
	margin-right:2%;
}
.box ul li p
{
	margin-top:0;
}
.bx-right
{
	float:right;
	width:25%;
}
.box h1
{
	font-size:30px;
	background:url(images/line.png) no-repeat;
	background-position:bottom left;
	padding-bottom:10px;
	margin:0;
	font-family: myFirstFont;
	font-weight:normal !important;
	color:#0b49e6;
}


.im
{
	display:inline-block;
	text-align:center;
	width:100%;
}

.footer-area
{
	float:left;
	width:100%;
	background:#4374e4;
}

.footer
{
	float:left;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
}

.power
{
	float:left;
}
.power p
{
	color:#fff !important;
	margin:0;
}
.power a
{
	color:#fff;
	text-decoration:none;
}
.power a:hover
{
	text-decoration:underline;
}
.power h1
{
	font-size:26px;
	font-family: myFirstFont2;
	color:#fff;
	font-weight:normal;
}
.footer-right
{
	float:right;
}
.footer-menus
{
	float:right; 
	width:100%;
	
}


.footer-menus ul {
    list-style-type: none;
	float:right;
	margin:0;
	
	

}
.footer-menus ul li {
	float: left;
	background-repeat:no-repeat;
	margin:0;


}
.footer-menus ul li a {
    color: #fff;
    font-size: 13px;
	font-family:Arial, Regular;
    text-decoration: none;
	padding:0px 7px;
	font-weight:normal;
	text-align:center;
	letter-spacing:1px;
	border-right:1px solid #fff;
	
	
}
.footer-menus ul li a:hover{
	color:#fff;
	text-decoration:underline;

}
.footer-menus ul li:last-child a
{
	border:none;
}




.enquiry {
    border-radius: 10px;
    padding: 15px;
    background-color: #edac33 ;
	background-image:url(images/msg.png);
	background-repeat:no-repeat;
	background-position:top center;
	margin-top:20px;
	margin-bottom:10px;
}
form
{
	margin-top:65px;
}
.enquiry h1 {
    color: #FFF;
    font-size: 30px;
	margin-top:-15px;
	font-family:myFirstFont1;
	padding-bottom:10px;
}
.enquiry-form p input, .enquiry-form p textarea {
    width: 100%;
    padding: 10px 5%;
    background: none repeat scroll 0% 0% #f5c56c;
    border-radius: 10px;
    border: medium none;
    color: #000;
}
.enquiry-form p textarea {
    width: 100%;
    padding: 18px 5%;
    background: none repeat scroll 0% 0% #f5c56c;
    border-radius: 5px;
    border: medium none;
    color: #000;
}
.enquiry-form p input.submit {
    text-transform: uppercase;
    background:url(images/btn.png) no-repeat;
    color: #000;
    border-radius: 10px;
    width: inherit;
    padding: 6px 46px;
    cursor: pointer;
}
.enquiry-form p {
    margin-bottom: 10px;
}
.page-area
{
	float:left;
	width:100%;
}
.page
{
	float:left;
	width:100%;
	padding-top:20px;
}
.page-left
{
	float:left;
	width:73%;
}
.page-right
{
	float:right;
	width:25%;
}

.page h1
{
	font-size:30px;
	background:url(images/line.png) no-repeat;
	background-position:bottom left;
	padding-bottom:10px;
	margin:0;
	font-family: myFirstFont;
	font-weight:normal !important;
	color:#0b49e6;
}
.test
{
	float:left;
	width:100%;
}
.test ul
{
	float:left;
	width:100%;
	border:1px solid #000;
	border-bottom:none;
	margin:0;
	padding:0;
}
.test ul li
{
	float:left;
	width:20%;
	border-right:1px solid #000;
	padding-left:10px;
}
.test ul:last-child
{
	border-bottom:1px solid #000;
}

.bx-left1
{
	float:left;
	width:50%;
}
.bx-right1
{
	float:right;
	width:40%;
}



















@font-face
{
font-family: myFirstFont;
src: url(font/framd.ttf);


}













.page-area
{
	float:left;
	width:100%;
	margin-bottom:20px;
}
.page
{
	float:left;
	width:100%;
}
.page-left
{
	float:left;
	width:73%;
}
.page-right
{
	float:right;
	width:25%;
}
.page-right img
{
	float:right;
}    
.page h1
{
	font-size:45px;
	padding-bottom:5px;
/*	border-bottom:1px solid black;
*/	margin:0;
	font-family: myFirstFont;
	font-weight:normal !important;
}	
.page h2
{
	font-size:20px;
	padding-bottom:0px;
	margin:0;
	color:#6ea1fd;
	font-family: myFirstFont;
	font-weight:normal !important;
}
.page h2 a
{
	text-decoration:none;
	color:#6ea1fd;
}
.page h2 a:hover
{
	text-decoration:underline;
	color:#6ea1fd;
}






/*.............Start.............Responsive area.............Start.............*/




/*



@media screen and (max-width: 767px)
{

}
@media screen and (max-width: 992px)
{
	.logo
	{
		width:100%;
		display:inline-block;
		text-align:center;
	}
	.logo img
	{
		max-width:100%;
	}
	.header-right
	{
		width:100%;
	}
	.flow
	{
		float:none;
		display:inline-block;
		text-align:center;
		width:100%;
	}
	.nav
	{
		float:none;
		display:inline-block;
		text-align:center;
	}
	.flow ul
	{
		display:inline-block;
		text-align:center;
		float:none;
	}
	.socials li
	{
		float:none;
		text-align:center;
		display:inline-block;
	}
	.call
	{
		float:none;
		width:100%;
		display:inline-block;
		text-align:center;
	}
	.email
	{
		float:none;
		display:inline-block;
		text-align:center;
		width:100%;
	}
	.email p
	{
		text-align:center;
		display:inline-block;
	}
	.menu
	{
		width:100%;
		display:inline-block;
		text-align:center;
	}
	.menu ul
	{
		float:none;
		width:100%;
		display:inline-block;
		text-align:center;
	}
	.menu ul li
	{
		float:none;
		display:inline-block;
		text-align:center;
	}
	.menu ul li a
	{
		display:inline-block;
		text-align:center;
	}
	.skdslider .slide-desc
	{
		display:none !important;
	}
	.skdslider ul.slide-navs
	{
		display:none;
	}
	.skdslider
	{
		height:auto !important;
	}
	.box
	{
		margin-top:0 !important;
	}
	.left
	{
		width:100%;
		margin-bottom:10px;
	}
	.box h1
	{
		text-align:center;
		background-position:bottom center;
	}
	.right
	{
		width:100%;
		float:none;
		text-align:center;
		display:inline-block;
	}
	.right img
	{
		text-align:center;
		display:inline-block;
		max-width:100%;
	}
	.text h1
	{
		text-align:center;
		background-position:bottom center;
	}
	.text ul li
	{
		width:45%;
		margin-bottom:10px;
	}
	.text-left
	{
		width:100%;
		display:inline-block;
		text-align:center;
		margin-bottom:20px;
	}
	.text-left img
	{
		text-align:center;
	}
	.text-right
	{
		width:100%;
	}
	.footer ul li
	{
		width:100%;
		margin-bottom:15px;
		border-bottom:2px solid #6b9fff
	}
	.footer ul li ul li
	{
		border:none !important;
	}
	.footer ul li:last-child
	{
		border:none !important;
	}
	.page-left
	{
		width:100%;
	}
	.page-right img
	{
		display:none;
	}
}


@media (max-width: 550px) 
{
	.text ul li {
     width: 100%;
     margin-bottom: 10px;
	 margin-top:10px;
}
}

*/




/*.............End.............Responsive area.............End.............*/
td
{
	width:200px;
	padding:5px;
	vertical-align:top;
	

}