@charset "utf-8";
*, html, body {
	margin: 0px;
	padding: 0px;
}
/* CSS Document */

body {
}
@font-face {
	font-family: 'Open Sans';
	src: url(../fonts/OpenSans-Regular.ttf);
	font-weight: lighter;
	font-style: normal;
}
@font-face {
	font-family: "covered By Your Grace";
	src: url(../fonts/CoveredByYourGrace.ttf);
	font-weight: lighter;
	font-style: normal;
}
@font-face {
	font-family: "Roboto Condensed";
	src: url(../fonts/RobotoCondensed-Regular_3.ttf);
}
@font-face {
	font-family: "Century Gothic";
	src: url(../fonts/GOTHIC_2.TTF);
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Amble-Regular";
	src: url(../fonts/Amble-Regular_0.ttf);
}
#wraper {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
}
.header_wrp {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
	/*background: rgba(0,0,0,0.5);*/
	background: #09f;
	box-shadow: 0 0 10px #000;
}
.header_cont {
	width: 1004px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
}
.logo {
	width: 286px;
	height: auto;
	float: left;
	/* margin: 6px 0 0 0; */
	padding: 5px 0 5px 0;
	background: url(../images/logobg.png) no-repeat;
}
.logo img {
	margin: 0 0 0 0;
}
.head-right {
	width: 66%;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: right;
}
/*** Navigation main starts ***/

#navigation {
	width: 98%;
	height: auto;
	float: right;
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0 0px 0;
}
.navg-box {
	width: 100%;
	height: auto;
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	float: left; 
}

/*  responsive Flaunt JS Navigation */



#ff-nav {
	width: 100%;
	height: auto;
	padding: 0px 0;
	float: right;
	margin: 0px 0px 0px 0px;
}
.nav {
	position: relative;
	display: inline-block;
	font-size: 14px;
}
.nav-list {
	text-align: center;
}
.nav-item {
	float: left;
 *display:inline;
	zoom: 1;
	position: relative;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 0px;/*border-right:1px solid #055e93;*/
}
.nav-item a {
	margin: 0px 0px 0px 0px;
	padding: 4px 20px 4px 20px;
	text-align: center;
	color: #fff;
	font: normal 16px "Amble-Regular";
	text-decoration: none;
	line-height: 40px !important;
	display: block;
}
.nav-item a span {
	clear: both;
	display: block;
}
.nav-item span {
	margin: 0px;
	padding: 5px 0px 0px 0px;
}
.nav-item span i {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-style: normal;
	font-size: 24px;
}
.nav-item > a:hover, .nav-item > a.act {
	color: #fff;
	background: #0cf;
	box-shadow: 0px 0px 5px #000;
}
.nav-item:hover .nav-submenu {
	display: block;
	z-index: 999999 !important;
}
/* Navigation submenu */

.nav-submenu {
	display: none;
	position: absolute;
	left: 0px;
	margin: 0px 0px 0px 0px;
	width: 200px;
	background: #09f;
	z-index: 9999999 !important;
}
.nav-submenu-item a {
	width: 100%;
	border-bottom: 1px solid #fff;
	display: block;
	margin: 0 0px 0 0px;
	padding: 0px 0px 0px 5%;
	color: #fff;
	text-align: center;
	font: normal 14px "Amble-Regular";
	z-index: 9999999 !important;
	position: relative;
}
.nav-submenu-item a:hover {
    background: #0cf none repeat scroll 0 0;
    color: #fff;
}
/* Mobile navigation */

.nav-mobile {
	display: none; /* Hide from browsers that don't support media queries */
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	left: -2px;
	float: left;
	background: #3D3D3B url(../images/nav.svg) no-repeat center center;
	background-size: 18px;
	height: 40px;
	width: 50px;
	border-radius: 5px 0px 0px 5px;
}
.nav-mn {
	display: none; /* Hide from browsers that don't support media queries */
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	left: 50px;
	background-size: 18px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-family: "Roboto Condensed";
	font-style: normal;
	background: #1b5a90;
}
/* Mobile navigation, clickable area for revealing <ul> */

.nav-click {
	position: absolute;
	top: 0px;
	right: 0;
	display: none;
	height: 45px;
	width: 45px;
	cursor: pointer;
}
.nav-click i {
	display: block;
	height: 45px;
	width: 45px;
	background: url(../images/dwn-arrow.png) no-repeat center center;
	background-size: 14px;
}
.nav-click:hover {
	background-color: #e2ad0c;
}
.nav-rotate {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
/*------------------------------------*\

    Media Queries

\*------------------------------------*/



#imh {
	width: 100%;
	height: auto;
	float: left;
}
#imh img {
	margin: 10px 0 5px 0;
	width: auto;
	float: left;
}
/*** Navigation ends ***/









/* HeaderWrapper ends */



/* Innr-blog-box ends  */



.rajesh {
	display: none;
}
.bannar_main-small {
	width: 100%;
	/*height: 700px;*/

	height: auto;
	float: left;
	margin: 40px 0 0 0;
	padding: 0px;
}
.bannar_main-small img {
	width: 100% !important;
	height: auto !important;
}

/* small to mediam 320 to 800 (only navgation part) */







@media only screen and (min-width: 50px) and (max-width: 800px) {
.nav {
	width: 100%;
	height: 32px;
	padding: 8px 0 0;
	margin: 0px 0px 0px 0px;
	color: #fff;
	border-radius: 5px 0 0 5px;
}
.nav-list {
	width: 98%;
	display: none;
	margin: 32px 0 0 2%;
	padding: 0;
	background: #FFF;
	color: #fff;
}
.nav-mobile, .nav-mn {
	display: block;
}
.nav-item {
	float: left;
 *display:inline;
	zoom: 1;
	position: relative;
	margin: 0px 0px 0px 0px;/*border-right:1px solid #055e93;*/
}
.nav-item {
	width: 98%;
	height: auto;
	float: left;
	background: #FFF;
	z-index: 99999;
}
.nav-item > a {
	width: 100%;
	padding: 0px 0 0px 0 !important;
}
.nav-item a {
	display: block;
	color: #333;
	font: normal 13px Verdana, Geneva, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 3% !important;
	z-index: 999999 !important;/*display:none;*/
}
/*.nav-item a span {

	clear:both;

	display:none;

}*/



.nav-click {
	display: block;
}
/*.nav-mobile-open {

	border-radius: 5px 5px 0 0;

	-webkit-border-radius: 5px 5px 0 0;

	-moz-border-radius: 5px 5px 0 0;

}*/

.nav-item > a:hover, .nav-item > a.act {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 3% !important;
	color: #fff;
	background: #1b5a90;
	z-index: 9999999 !important;
	border-bottom: 1px solid #FFF !important;
	border: none;
	border-radius: 0;
}
.nav-item:hover .nav-submenu {
	display: block;
	z-index: 99999999 !important;
}
.nav-submenu {
	position: static;
	width: 100%;
}
}



/* small to mediam 320 to 800 (only navgation part) */





/* tablat for 801 to 1024 above (all css and nav) starts */

@media only screen and (min-width: 801px) and (max-width: 1024px) {
/* HeaderWrapper starts */

.head-wrapper {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
	border-bottom: 3px solid #006699;
	background: rgba(189, 184, 117, 0.8)
}
.head-container {
	width: 95%;
	height: auto;
	margin: 0px auto;
	padding: 0px;
}
.head-box {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
}
.head-right {
	width: 100%;
	height: auto;
	margin: -115px 0 0 0;
	padding: 0px;
	float: left;
}
/*** Navigation main starts ***/

#navigation {
	width: 98%;
	height: auto;
	float: right;
	text-align: right;
	margin: 10px 0px 0px 0px;
	padding: 0px 0 0px 0;
}
/*  responsive Flaunt JS Navigation */



#ff-nav {
	width: 100%;
	height: auto;
	padding: 0px 0;
	float: right;
	margin: 0px 0px 0px 0px;
}
.nav {
	position: relative;
	display: inline-block;
	font-size: 14px;
	z-index: 9;
}
.nav-list {
	text-align: left;
}
.nav-item {
	float: left;
 *display:inline;
	zoom: 1;
	position: relative;
	margin: 0px 0px 0px 1px;
	padding: 0px 0px 0px 0px;/*border-right:1px solid #055e93;*/
}
.nav-item a {
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 3px 10px;
	text-align: center;
	color: #080808;
	font: normal 16px "Amble-Regular";
	text-decoration: none;
	line-height: 30px !important;
}
.nav-item > a:hover, .nav-item > a.act {
	color: #FFF;
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 3px 10px;
	background: #1b5a90;
}
.nav-item:hover .nav-submenu {
	display: block;
	z-index: 999999 !important;
}
/* HeaderWrapper ends */





}
.bannar {
	width: 100%;
	height: auto;
	margin: 0px 0 0 0;
	padding: 0px;
	background-size: 100%;
	display: none;
}
.banner img {
	width: 100%;
	height: auto;
}
/* tablat for 801 to 1024 above (all css and nav) ends */





.bannar_main {
	width: 100%;
	/*height: 700px;*/

	height: 670px;
	margin: 0 0 0 0;
	padding: 0px;
	z-index: -999 !important;
	background: url(../images/banner.jpg) center no-repeat;
	background-size: 100%;
	clear: both;
}
.stp {
	width: 944px;
	height: 276px;
	position: relative;
	margin: auto;
	/*background: url(../images/bgicon.png) no-repeat center;*/

	top: 100px;
}
.stp img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.txt, .crl {
	position: absolute;
	font: normal 14px "Roboto Condensed";
	text-align: center;
}
.txt {
	color: #fff;
}
.txt a {
	color: #fff;
	text-decoration: none;
	text-align: center;
}
.t01 {
	left: -30px;
	top: 285px;
}
.t02 {
	left: 160px;
	top: 134px;
}
.t03 {
	left: 242px;
	top: 228px;
}
.t04 {
	left: 352px;
	top: 110px;
}
.t05 {
	left: 549px;
	top: 216px;
}
.t06 {
	left: 649px;
	top: 110px;
}
.t07 {
	left: 804px;
	top: 163px;
}
.c01 {
	left: -60px;
	top: 200px;
}
.c02 {
	left: 90px;
	top: 92px;
}
.c03 {
	left: 180px;
	top: 130px;
}
.c04 {
	left: 300px;
	top: 70px;
}
.c05 {
	left: 480px;
	top: 129px;
}
.c06 {
	left: 580px;
	top: 70px;
}
.c07 {
	left: 750px;
	top: 60px;
}
.crl {
	width: 160px;
	height: 160px;
	line-height: 160px;
	vertical-align: middle;
	padding: 0;
	display: block;
	background: rgba(255,255,255,0.0);
	border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-webkit-border-radius: 50%;
	cursor: pointer;
	color: #333;
}
.crl:hover {
	background: rgba(255,255,255,1);
	border: solid 5px #17a;
}
.crl span a {
	color: #17a;
}
.crl a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 26px;
	height: 26px;
	text-decoration: none;
	z-index: 9999;
}
.crl .cnt {
	position: relative;
	left: 0;
}
.crl .cnt, .crl .cnt span, .crl .cnt span a {
	height: 0;
	overflow: hidden;
	width: 0;
}
.crl:hover .cnt, .crl .cnt span, .crl .cnt span a {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	display: block;
}
.crl .cnt span, .crl .cnt span a {
	display: block;
	text-align: center;
}
.crl .cnt, .crl {
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.aboutinner {
	width: 100%;
	height: auto;
	margin: 0px 0 0 0;
	padding: 0px;
	float: left;
	background: url(../images/about.jpg) top left no-repeat;
	background-size: 100%;
}
.about {
	width: 100%;
	height: auto;
	margin: 0px 0 0 0;
	padding: 0px;
	float: left;
	background: url(../images/about.jpg) top left no-repeat;
	background-size: cover;
}
.about_cont {
	width: 1004px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
}
.port-width {
	width: 100% !important;
}
.about_cont1 {
	width: 994px;
	height: auto;
	margin: 0px;
	padding: 0px 10px 9px 10px;
	float: left;
}
.about_cont1 h2 {
	font: normal 30px "Roboto Condensed";
	color: #fff;
	margin: 50px 0 0 0;
	padding: 0px;
	text-align: center;
}
.about_cont1 h2 span {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #ddd;
}
.about_cont1 h2 i {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #ddd;
	font-style: normal;
}
.about_cont1 p {
	font: normal 12px "Roboto Condensed";
	color: #bbb;
	margin: 20px 0 0 0;
	padding: 0px;
	text-align: center;
}
#tab-1, #tab-2, #tab-3, #tab-4, #tab-5, #tab-6 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
#tab-1 h2 {
	font: normal 20px "Roboto Condensed";
	color: #fff;
	margin: 20px 0 20px 0;
	padding: 0px;
	text-align: left;
}
#tab-1 span {
	font: normal 13px "Roboto Condensed";
	color: #ccc;
	line-height: 24px;
	margin: 20px 0 0 0;
	padding: 0px;
	text-align: left;
}
#tab-2 h2 {
	font: normal 20px "Roboto Condensed";
	color: #fff;
	margin: 20px 0 20px 0;
	padding: 0px;
	text-align: left;
}
#tab-2 p {
	font: normal 13px "Roboto Condensed";
	color: #ccc;
	line-height: 24px;
	margin: 20px 0 0 0;
	padding: 0px;
	text-align: left;
}
#tab-4 h2 {
	font: normal 20px "Roboto Condensed";
	color: #fff;
	margin: 20px 0 20px 0;
	padding: 0px;
	text-align: left;
}
#tab-4 p {
	font: normal 13px "Roboto Condensed";
	color: #ccc;
	line-height: 24px;
	margin: 20px 0 0 0;
	padding: 0px;
	text-align: left;
}
#tab-5 h2 {
	font: normal 20px "Roboto Condensed";
	color: #fff;
	margin: 20px 0 20px 0;
	padding: 0px;
	text-align: left;
}
#tab-5 p {
	font: normal 13px "Roboto Condensed";
	color: #ccc;
	line-height: 24px;
	margin: 20px 0 0 0;
	padding: 0px;
	text-align: left;
}
#tab-6 h2 {
	font: normal 20px "Roboto Condensed";
	color: #fff;
	margin: 20px 0 20px 0;
	padding: 0px;
	text-align: left;
}
#tab-6 p {
	font: normal 13px "Roboto Condensed";
	color: #ccc;
	line-height: 24px;
	margin: 20px 0 0 0;
	padding: 0px;
	text-align: left;
}
#tab-1 ul {
	margin: 20px 0 0 0;
	padding: 0px;
}
#tab-1 ul li {
	font: normal 12px "Roboto Condensed";
	color: #bbb;
	margin: 20px 0 20px 20px;
	padding: 0px;
	list-style: circle;
	text-align: left;
}
#tab-2 ul {
	margin: 20px 0 0 0;
	padding: 0px;
}
#tab-2 ul li {
	font: normal 12px "Roboto Condensed";
	color: #bbb;
	margin: 20px 0 20px 20px;
	padding: 0px;
	list-style: circle;
	text-align: left;
}
#tab-3 h2 {
	font: normal 20px "Roboto Condensed";
	color: #fff;
	margin: 20px 0 20px 0;
	padding: 0px;
	text-align: left;
}
#tab-3 p {
	font: normal 13px "Roboto Condensed";
	color: #ccc;
	line-height: 24px;
	margin: 20px 0 0 0;
	padding: 0px;
	text-align: left;
}
#tab-3 ul {
	margin: 20px 0 0 0;
	padding: 0px;
}
#tab-3 ul li {
	font: normal 12px "Roboto Condensed";
	color: #bbb;
	margin: 20px 0 20px 20px;
	padding: 0px;
	list-style: circle;
	text-align: left;
}
#tab-1 p {
	font: normal 12px "Roboto Condensed";
	color: #bbb;
	margin: 20px 0 0 0;
	padding: 0px;
	text-align: center;
}
.about_cont2 {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
	color: #fff;
}
.about_cont2 h2 {
	font: normal 20px "Roboto Condensed";
	color: #fff;
	margin: 5px 0 20px 0;
	padding: 0px;
	text-align: left;
}
.about_cont2span {
	width: 30px;
	height: 30px;
	border: solid 2px #fff !important;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
	padding: 0 !important;
	float: left;
	margin-right: 10px;
}
.about_cont2span i {
	font-size: 18px;
	border: none;
	padding: 5px 0 0 0;
}
.about_cont2span:hover {
	color: #1f84f9;
	border: solid 2px #1f84f9 !important;
}
.about_cont3 {
	width: 260px;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
}
.about_cont3 img {
	margin: 0px;
	padding: 0px;
}
.about_cont31 {
	width: 150px;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
}
.about_cont31 img {
	margin: 20px 0 0 0;
	padding: 0px;
	width: 70%;
}
.about_cont4 {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: right;
}
.about_cont4 img {
	margin-right: 30px;
	float: left;
	border-radius: 3px;
}
.about_cont4 h4 {
	font: normal 17px "Roboto Condensed";
	color: #ddd;
	margin: 0px 0 0 0;
	padding: 0px;
	text-transform: uppercase;
	line-height: 24px;
}
.about_cont4 p a {
	padding-top: 10px;
	color: #17a;
	float: right;
	text-decoration: none;
}
.about_cont4 p a:hover {
	color: #f60;
}
.about_cont4 p {
	font: normal 14px "Roboto Condensed";
	color: #d9d9d7;
	line-height: 24px;
	margin: 5px 0 0 0;
	padding: 0px;
	text-align: left;
}
.about_cont4 .p {
	font-size: 17px
}
.about_cont4 ul {
	margin: 0 0 0 0;
	padding: 0;
}
.about_cont4 ul li {
	margin: 10px 0 0 15px;
	padding: 0;
	font: normal 14px "Roboto Condensed";
	list-style: square;
	color: #aaa;
	line-height: 24px;
}
.about_cont5 {
	width: 700px;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: right;
}
.about_cont5 h4 {
	font: normal 17px "Roboto Condensed";
	color: #ddd;
	margin: 0px 0 0 0;
	padding: 0px;
	text-transform: uppercase;
	line-height: 24px;
}
.about_cont5 h6 {
	font: normal 17px "Roboto Condensed";
	color: #ddd;
	margin: 40px 0 30px 80px;
	padding: 0px;
	text-transform: uppercase;
	line-height: 24px;
	text-align: left;
}
.about_cont5 p {
	font: normal 14px "Roboto Condensed";
	color: #ccc;
	line-height: 24px;
	margin: 0px 0 0 0;
	padding: 0px;
	text-align: left;
}
.about_cont5 span {
	font: normal 14px "Roboto Condensed";
	color: #ccc;
	line-height: 24px;
	margin: 20px 0 0 0;
	padding: 0px;
	float: right;
	text-align: right;
}
.about_cont51 {
	width: 820px;
	height: auto;
	margin: 5px 0;
	padding: 10px 20px 5px 20px;
	float: left;
	/* <!--background: #fff;--> */
}
.about_cont51 h4 {
	font: normal 17px "Roboto Condensed";
	color: #ddd;
	margin: 0px 0 0 0;
	padding: 0px;
	text-transform: uppercase;
	line-height: 24px;
}
.about_cont51 p {
	font: normal 13px "Roboto Condensed";
	color: #ccc;
	line-height: 22px;
	margin: 20px 0 0 0;
	padding: 0px;
	text-align: left;
}
.about_cont51 span {
	font: normal 12px "Roboto Condensed";
	color: #ccc;
	line-height: 20px;
	margin: 10px 0 0 0;
	padding: 0px;
	float: right;
	text-align: right;
}
.about_cont5 ul {
	margin: 0 0 0 0;
	padding: 0;
}
.about_cont5 ul li {
	margin: 10px 0 0 15px;
	padding: 0;
	font: normal 14px "Roboto Condensed";
	list-style: square;
	color: #aaa;
	line-height: 24px;
}
.about_cont-12 {
	width: 1000px;
	height: auto;
	margin: 0px;
	float: left;
	padding: 5px 0;
	color: #fff;
}
.about_cont-12 h2 {
	font: normal 20px "Roboto Condensed";
	color: #f60;
	margin: 15px 0 5px 0;
	padding: 0px;
	text-align: left;
}
.about_cont-12 p {
	font: normal 14px "Roboto Condensed";
	color: #fff;
	margin: 5px 0 5px 0;
	padding: 0px;
	text-align: left;
}
.about_cont12span {
	width: 30px;
	height: 30px;
	border: solid 2px #fff !important;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
	padding: 0 !important;
	float: left;
	margin-right: 10px;
}
.about_cont12span i {
	font-size: 18px;
	border: none;
	padding: 5px 0 0 0;
}
.about_cont12span:hover {
	color: #1f84f9;
	border: solid 2px #1f84f9 !important;
}
.about_cont2-right {
	width: 325px;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
	color: #fff;
}
.about_cont2-right h2 {
	font: normal 20px "Roboto Condensed";
	color: #fff;
	margin: 5px 0 20px 0;
	padding: 0px;
	text-align: left;
}
.about_cont2-rightspan {
	width: 30px;
	height: 30px;
	border: solid 2px #fff !important;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
	padding: 0 !important;
	float: left;
	margin-right: 10px;
}
.about_cont2-rightspan i {
	font-size: 18px;
	border: none;
	padding: 5px 0 0 0;
}
.about_cont2-rightspan:hover {
	color: #1f84f9;
	border: solid 2px #1f84f9 !important;
}
.about_cont3-right {
	width: 325px;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
}
.about_cont3-right img {
	margin: 0px;
	padding: 0px;
}
.about_cont5-right {
	width: 1000px;
	height: auto;
	margin: 30px 0 0 0;
	padding: 0px;
	float: left;
	color: #fff;
}
.about_cont5-right h2 {
	font: normal 20px "Roboto Condensed";
	color: #fff;
	margin: 5px 0 20px 0;
	padding: 0px;
	text-align: left;
}
.about_cont5-rightspan {
	width: 30px;
	height: 30px;
	border: solid 2px #fff !important;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
	padding: 0 !important;
	float: left;
	margin-right: 10px;
}
.about_cont5-rightspan i {
	font-size: 18px;
	border: none;
	padding: 5px 0 0 0;
}
.about_cont5-rightspan:hover {
	color: #1f84f9;
	border: solid 2px #1f84f9 !important;
}
.about_cont6-right {
	width: 1000px;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
}
.about_cont6-right img {
	margin: 0px;
	padding: 0px;
}
.service {
	width: 100%;
	height: auto;
	margin: 0px 0 0 0;
	padding: 0px;
	float: left;
	/*background: #2e2e2e repeat-x;*/
	background-size: 100%;
}
.service_cont {
	width: 1004px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
}
.port-width {
	width: 100% !important;
}
.service_cont1 {
	width: 1004px;
	height: auto;
	margin: 0px;
	padding: 0px 0 40px 0;
	float: left;
}
.service_cont1 h2 {
	font: normal 30px "Roboto Condensed";
	color: #fff;
	margin: 50px 0 0 0;
	padding: 0px;
	text-align: center;
}
.service_cont1 h2 span {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #ddd;
}
.service_cont1 h2 i {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #ddd;
	font-style: normal;
}
.service_cont1 p {
	font: normal 12px "Roboto Condensed";
	color: #bbb;
	margin: 20px 0 0 0;
	padding: 0px;
	text-align: center;
}
.service_cont2 {
	width: 330px;
	height: auto;
	margin: 40px 0 20px 0;
	padding: 0px;
	float: left;
}
.service_cont4 {
	width: 200px;
	height: auto;
	margin: 0px 0px 0 10px;
	padding: 0px 20px;
	float: left;
	background: url(../images/service-line.png) no-repeat;
}
.service_cont4 h2 {
	font: normal 17px "Roboto Condensed";
	color: #fff;
	margin: 0px 0px 5px 0px;
	padding: 0px 10px 0 0px;
	text-align: left;
}
.service_cont4 p {
	font: normal 12px "Roboto Condensed";
	color: #d9d9d7;
	line-height: 22px;
	margin: 0px 0 0 0;
	padding: 0px;
	text-align: left;
}
.service_cont3 {
	width: 90px;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
}
.service_cont3 img {
	margin: 0px;
	padding: 0px 0px 0 0px;
	float: left;
	border-radius: 3px;
}
.port {
	width: 100%;
	height: auto;
	margin: 0px 0 0 0;
	padding: 0px 0 50px 0;
	float: left;
	background: url(../images/clients1.jpg) top left no-repeat;
	background-size: 100%;
}
.port_cont {
	width: 1004px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
}
.port_cont1 {
	width: 1004px;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
}
.port_cont1 h2 {
	font: normal 30px "Roboto Condensed";
	color: #fff;
	margin: 50px 0 0 0;
	padding: 0px;
	text-align: center;
}
.port_cont1 h2 span {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #ddd;
}
.port_cont1 h2 i {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #ddd;
	font-style: normal;
}
.port_cont1 p {
	font: normal 12px "Roboto Condensed";
	color: #bbb;
	margin: 20px 0 0 0;
	padding: 0px;
	text-align: center;
}
.client {
	width: 100%;
	height: auto;
	margin: 0px 0 0 0;
	padding: 0px;
	float: left;
	background: #0f3676 url(../images/testimonalbnr.jpg);
	background-size: 100%;
}
.client_cont {
	width: 1004px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
}
.client_cont1 {
	width: 1004px;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
}
.client_cont1 h2 {
	font: normal 30px "Roboto Condensed";
	color: #fff;
	margin: 60px 0 0 0;
	padding: 0px;
	text-align: center;
}
.client_cont1 h2 span {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #ddd;
}
.client_cont1 h2 i {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #ddd;
	font-style: normal;
}
.client_cont1 p {
	font: normal 12px "Roboto Condensed";
	color: #bbb;
	margin: 20px 0 0 0;
	padding: 0px;
	text-align: center;
}
.client_cont2 {
	width: 490px;
	height: auto;
	margin: 40px 0 30px 0;
	padding: 0px;
	float: left;
	color: #fff;
}
.client_cont3 {
	width: 370px;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
	color: #fff;
}
.client_cont3 p {
	font: normal 14px "Roboto Condensed";
	color: #d9d9d7;
	margin: 20px 30px 0 0;
	padding: 0px;
	text-align: left;
	line-height: 20px;
}
.client_cont3 p span {
	font-size: 30px;
}
.client_cont4 {
	width: 120px;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
	color: #fff;
}
.client_cont4 img {
	margin: 0;
	padding: 0;
	float: left;
	border-radius: 3px;
}
.client_cont3 a {
	font: normal 14px "Roboto Condensed";
	color: #fff;
	margin: 20px 30px 0 0;
	padding: 0px;
	float: right;
	text-decoration: none;
}
.client_cont3 a span {
	color: #fff;
}
.client_cont2-right {
	width: 490px;
	height: auto;
	margin: 40px 0 70px 0;
	padding: 0px;
	float: right;
	color: #fff;
}
.client_cont3-right {
	width: 370px;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
	color: #fff;
}
.client_cont3-right p {
	font: normal 14px "Roboto Condensed";
	color: #d9d9d7;
	margin: 20px 0px 0 30px;
	padding: 0px;
	text-align: left;
	line-height: 20px;
}
.client_cont3-right p span {
	font-size: 30px;
}
.client_cont4-right {
	width: 120px;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
	color: #fff;
}
.client_cont4-right img {
	margin: 0;
	padding: 0;
	float: left;
	border-radius: 3px;
}
.client_cont3-right a {
	font: normal 14px "Roboto Condensed";
	color: #fff;
	margin: 20px 0px 0 30px;
	padding: 0px;
	float: right;
	text-decoration: none;
}
.client_cont3-right a span {
	color: #fff;
}
#blog {
	margin: auto;
	position: relative;
	width: 1000px;
}
#blogleft {
	width: 695px;
	height: auto;
	margin: 0;
	padding: 0 0 0 0;
	float: left;
}
#blogleft h1 {
	color: #3a83c2;
	font-family: "Roboto Condensed";
	font-weight: normal;
	font-size: 26px;
	margin: 10px 0 0 0px;
}
#blogleft h2 {
	color: #3a83c2;
	font: normal 20px "roboto";
	font-weight: normal;
	margin: 10px 0 0 0px;
}
#blogleft p {
	color: #fff;
	line-height: 20px;
	font-family: "Roboto Condensed";
	font-weight: normal;
	font-size: 13px;
	line-height: 29px;
	margin-bottom: 20px;
	padding: 10px 0 0 0;
}
.rule {
	background: none repeat scroll 0 0 #FFFFFF;
	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
	display: inline-block;
	height: 1px;
	margin: 0 auto 15px;
	padding-top: 0;
	text-align: right;
	width: 100%;
}
#blogleft1 {
	width: 695px;
	height: auto;
	margin: 0;
	padding: 0;
}
#blogleft1 h2 {
	color: #5aa100;
	font-family: "Roboto Condensed";
	font-weight: normal;
	font-size: 20px;
	margin: 10px 0 0 0px;
}
#blogleft1 h4 {
	color: #ff7e00;
	font-family: "Roboto Condensed";
	font-weight: normal;
	font-size: 16px;
	margin: 10px 0 0 0px;
}
#blogleft1 img {
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
	padding: 4px;
	margin: 15px 5px 0 0;
	float: left;
}
#blogleft2 {
	width: 695px;
	height: auto;
	margin: 0;
	padding: 0;
}
#blogleft2 p {
	color: #fff;
	line-height: 20px;
	font-family: "Roboto Condensed";
	font-weight: normal;
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 20px;
}
#blogleft-3 {
	width: 695px;
	height: 30px;
	margin: 0 0 0 0px;
	padding: 0 0 0 10px;
	background: #fff;
	border: solid 1px #ccc;
}
#blogleft3 {
	width: 87px;
	height: 40px;
	margin: 0;
	padding: 0;
	float: left;
}
#blogleft3 a {
	text-decoration: none;
}
#blogleft4 {
	width: 90px;
	height: 40px;
	margin: 0;
	padding: 0;
	float: right;
}
#blogleft4 h6 {
	color: #3a83c2;
	font-family: "Roboto Condensed";
	font-weight: normal;
	font-size: 12px;
	margin: 5px 0 0 0px;
}
#blogleft4 a {
	text-decoration: none;
}
#blogleft3 img {
	box-shadow: none;
	background: none;
	padding: 4px;
	margin: 0px 0 0 0;
	float: left;
	border: none;
	width: 35%;
}
#blogleft3 h6 {
	color: #3a83c2;
	font-family: "Roboto Condensed";
	font-weight: normal;
	font-size: 12px;
	margin: 5px 0 0 0px;
}
#blogright {
	width: 270px;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
	border-left: double 1px #ccc;
}
#blogright1 {
	width: 245px;
	height: auto;
	margin: 0 0 0 20px;
	padding: 0;
	border-bottom: dotted 1px #ccc;
}
#blogright1 h2 {
	border-bottom: 1px solid #D6D6D6;
	border-top: 1px solid #D6D6D6;
	color: #3a83c2;
	padding: 5px;
	font-family: "Roboto Condensed";
	font-weight: normal;
	font-size: 18px;
	margin: 10px 0 0 0px;
}
#blogright1 img {
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
	padding: 4px;
	margin: 15px 0 0 0;
}
#blogright1 h4 {
	color: #ff7e00;
	font-family: "Roboto Condensed";
	font-weight: normal;
	font-size: 16px;
	margin: 10px 0 0 0px;
}
#blogright1 p {
	color: #fff;
	line-height: 20px;
	font-family: "Roboto Condensed";
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 20px;
}
.footer {
	width: 100%;
	height: auto;
	margin: 0px 0 0 0;
	padding: 0px 0 50px 0;
	float: left;
	background: url(../images/footer.jpg) top left no-repeat;
	background-size: 100%;
}
.ftr_cont {
	width: 1004px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
}
.ftr_cont1 {
	width: 80%;
	height: auto;
	margin: 0px auto;
	padding: 0px;
}
.ftr_cont1 h2 {
	font: normal 30px "Roboto Condensed";
	color: #fff;
	margin: 50px 0 0 0;
	padding: 0px;
	text-align: center;
}
.ftr_cont1 h3 {
	font: normal 20px "Roboto Condensed";
	color: #fff;
	margin: 30px 0 0 0;
	padding: 0px;
	text-align: center;
}
.ftr_cont1 h2 span {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #ddd;
}
.ftr_cont1 h2 i {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #ddd;
	font-style: normal;
}
.ftr_cont1 p {
	font: normal 14px "Roboto Condensed";
	color: #bbb;
	margin: 20px 0 0 0;
	padding: 0px;
	text-align: center;
}
.ftr_cont2 {
	width: 35%;
	height: auto;
	margin: 50px 0 50px 80px;
	padding: 0px;
	float: left;
}
.ftr_cont2 h3 {
	font: normal 20px "Roboto Condensed";
	color: #fff;
	margin: 30px 0 0 0;
	padding: 0px;
	text-align: center;
}
.ftr_cont2 i {
	font-size: 56px;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	color: #fff;
	font-style: normal;
	text-align: center;
}
.ftr_cont2 p {
	font: normal 14px "Roboto Condensed";
	color: #d9d9d7;
	margin: 20px 0 0 0;
	padding: 0px;
	text-align: center;
}
#contact-form1 {
	font-size: 1.5rem;
	margin: 0px auto;
	padding: 20px 40px 0 0;
	width: 550px;
	height: auto;
}
#contact-form1 div {
	width: 250px;
}
#contact-form1 input {
	background: none repeat scroll 0 center rgba(0, 0, 0, 0);
	border: 1px solid #FFFFFF;
	border-radius: 3px;
	color: #FFFFFF;
	height: 45px;
	margin: 0 20px 20px 0;
	padding: 6px;
	width: 250px;
}
#contact-form1 textarea {
	background: none repeat scroll 0 center rgba(0, 0, 0, 0);
	border: 1px solid #FFFFFF;
	border-radius: 3px;
	color: #FFFFFF;
	height: 176px;
	padding: 6px;
	width: 233px;
}
#contact-form1 select {
	background: none repeat scroll 0 center rgba(0, 0, 0, 0);
	border: 1px solid #FFFFFF;
	border-radius: 3px;
	color: #FFFFFF;
	height: 45px;
	margin: 0 20px 20px 0;
	padding: 10px 0px 10px 0;
	width: 250px;
}
#contact-form1 option {
	color: #000;
}
#contact-form1 .submit_btn {
	width: 50%;
	margin: 0 0 0 130px;
}
#contact-form1 .submit_btn input {
	height: 35px;
}
#contact-form1 input[type="file"] {
	background: none repeat scroll 0 center rgba(0, 0, 0, 0);
	border: none;
	border-radius: 3px;
	color: #FFFFFF;
	height: 40px;
	margin: 0px 20px 20px 0;
	padding: 0px;
	font: normal 12px Arial, Helvetica, sans-serif;
}
#contact-form {
	font-size: 1.5rem;
	margin: 0px auto;
	padding: 20px;
	width: 555px;
	height: auto;
}
/*#contact-form div {
	width: 250px;
}*/
.fl_left {
	float: left;
	width: 45%;
}
.fl_right {
	float: right;
	width: 50%;
}
.fl_full {
	width: 100% !important;
}
#contact-form input {
	background: none repeat scroll 0 center rgba(0, 0, 0, 0);
	border: 1px solid #FFFFFF;
	border-radius: 3px;
	color: #FFFFFF;
	height: 45px;
	margin: 0 20px 20px 0;
	padding: 6px;
	width: 250px;
}
#contact-form input[type="submit"] {
	background: #1f669b;
	border: 1px solid #FFFFFF;
	border-radius: 3px;
	color: #FFFFFF;
	height: 45px;
	margin: 0 20px 20px 0;
	padding: 6px;
	width: 250px;
	font-size: 16px;
}
#contact-form input[type="submit"]:hover {
	background: #f23c3b
}
#contact-form textarea {
	background: none repeat scroll 0 center rgba(0, 0, 0, 0);
	border: 1px solid #FFFFFF;
	border-radius: 3px;
	color: #FFFFFF;
	height: 176px;
	padding: 6px;
	width: 233px;
	font-size: 14px;
	font-family: Arial, Geneva, sans-serif;
}
#contact-form .submit_btn {
	width: 50%;
	margin: 0 0 0 130px;
}
#contact-form .submit_btn input {
	height: 35px;
}
.footericon {
	width: 100%;
	height: auto;
	margin: 0px 0 0 0;
	padding: 0px 0 0px 0;
	float: left;
	background: #000 repeat-x;
	background-size: 100%;
}
.ftricon_cont {
	width: 1004px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
}
.ftricon_cont1 {
	width: 1004px;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
}
.ftricon_cont2 {
	width: 310px;
	height: auto;
	margin: 20px auto 5px;
	padding: 0px 0 0 0;
}
.ftricon_cont2 i {
	width: 35px;
	height: 35px;
	background: #fff;
	border-radius: 50%;
	font-size: 16px;
	margin: 0px 0 0 20px;
	padding: 10px 0px 5px 0px;
	color: #000;
	font-style: normal;
	text-align: center;
}
.ftricon_cont2 a {
	text-decoration: none;
	color: #fff;
}
.ftricon_cont2 i:hover {
	text-decoration: none;
	color: #17a;
}
.ftricon_cont2 p {
	font: normal 12px "Roboto Condensed";
	color: #bbb;
	margin: 20px 0 0 0;
	padding: 0px;
	text-align: center;
}
/* Portfolio CSS Starts */



.porth1 {
	color: #FFFFFF;
	font-family: "covered By Your Grace";
	font-size: 60px;
	font-weight: 500;
	margin: 0px 0 20px 0;
	padding: 0;
	text-align: left;
}
* {
	margin: 0;
	padding: 0;
	list-style: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#gallery-container {
	font-size: 20px;
	margin: auto;
	position: relative;
	text-align: center;
	overflow: hidden;
	margin: 100px 0 40px 0;
}
 #gallery-container:full-screen {
 max-width:80% !important;
 width: 80%;
 height: 100% !important;
 background-color: #111
}
.controls {
	text-align: center;
	font-size: 1em;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}
.control, .grid, .fs-toggle {
	width: .66em;
	height: .66em;
	text-align: center;
	line-height: .5em;
	cursor: pointer;
	display: inline-block;
	margin-right: 10px
}
.showControls {
	opacity: 1;
	pointer-events: auto;
	-webkit-transition: opacity .6s 1s ease;
	transition: opacity .6s 1s ease
}
.hideControls {
	opacity: 0;
	pointer-events: none
}
.icon-grid, .icon-arrow-left, .icon-arrow-right, .icon-fullscreen-exit, .icon-fullscreen {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(../images/controls-light2.png);
	background-repeat: no-repeat
}
.icon-grid {
	background-position: 0 0
}
.icon-arrow-left {
	background-position: -40px 0
}
.icon-arrow-right {
	background-position: -80px 0
}
.icon-fullscreen-exit {
	background-position: -120px 0
}
.icon-fullscreen {
	background-position: -160px 0
}
.fs-toggle {
	display: none;
}
.item {
	/*  display: inline-block;*/



	cursor: pointer;
	width: 20%;
	height: auto;
	float: left;
}
.item img, .item--big img {
	width: 100%
}
.items--big {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	pointer-events: none
}
.item--big {
	position: absolute;
	width: 30%;
	height: auto;
	left: 33%;
	right: 16%;
	top: 20px;
	opacity: 0;
	-webkit-transform: scale(.8);
	transform: scale(.8)
}
.fadeInScaleUp {
	-webkit-animation: fadeInScaleUp .5s ease-out .6s forwards;
	animation: fadeInScaleUp .5s ease-out .6s forwards;
	z-index: 3;
	margin-top: 30px;
}
.fadeOut {
	-webkit-animation: fadeOut .4s ease-out forwards;
	animation: fadeOut .4s ease-out forwards;
	z-index: 1;
	margin-top: 30px;
}
 @keyframes fadeOut {
 from {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1)
}
to {
	opacity: 0;
	-webkit-transform: scale(1);
	transform: scale(1)
}
}
 @-webkit-keyframes fadeOut {
 from {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1)
}
to {
	opacity: 0;
	-webkit-transform: scale(1);
	transform: scale(1)
}
}
 @keyframes fadeInScaleUp {
 from {
 opacity: 0;
 -webkit-transform: scale(.8);
 transform: scale(.8)
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}
}
 @-webkit-keyframes fadeInScaleUp {
 from {
 opacity: 0;
 -webkit-transform: scale(.8);
 transform: scale(.8)
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}
}
.scaleDownFadeOut {
	-webkit-animation: scaleDownFadeOut .4s ease-in forwards;
	animation: scaleDownFadeOut .4s ease-in forwards;
	pointer-events: none
}
 @keyframes scaleDownFadeOut {
 0% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1)
}
 99% {
 opacity: 0;
 -webkit-transform: scale(.5);
 transform: scale(.5)
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1)
}
}
 @-webkit-keyframes scaleDownFadeOut {
 0% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1)
}
 99% {
 opacity: 0;
 -webkit-transform: scale(.5);
 transform: scale(.5)
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1)
}
}
.scaleUpFadeIn {
	opacity: 0;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-animation: scaleUpFadeIn ease-in-out .4s forwards;
	animation: scaleUpFadeIn ease-in-out .4s forwards;
	-webkit-animation-duration: .4s;
	animation-duration: .4s
}
 @keyframes scaleUpFadeIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1)
}
 1% {
 opacity: 0;
 -webkit-transform: scale(.5);
 transform: scale(.5)
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1)
}
}
 @-webkit-keyframes scaleUpFadeIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1)
}
 1% {
 opacity: 0;
 -webkit-transform: scale(.5);
 transform: scale(.5)
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1)
}
}
.showLastSecond {
	opacity: 0;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-animation: showLastSecond ease-in-out .4s forwards;
	animation: showLastSecond ease-in-out .4s forwards;
	-webkit-animation-duration: .4s;
	animation-duration: .4s
}
 @keyframes showLastSecond {
 0% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1)
}
 1% {
 opacity: 0;
 -webkit-transform: scale(.5);
 transform: scale(.5)
}
 99% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1)
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1)
}
}
 @-webkit-keyframes showLastSecond {
 0% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1)
}
 1% {
 opacity: 0;
 -webkit-transform: scale(.5);
 transform: scale(.5)
}
 99% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1)
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1)
}
}
 @media screen and (max-width: 30em) {
.item--big {
	width: 80%;
	right: 10%;
	left: 10%
}
}
/* POrtfolio CSS Starts */



.r-tabs {
	position: relative;
}
.r-tabs .r-tabs-nav {
}
.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
	top: 1px;
}
.r-tabs .r-tabs-nav .r-tabs-anchor {
	background: #00aadd;
	margin-bottom: 3px;
	padding: 10px 36px;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	font-weight: normal;
	font-family: "Roboto Condensed";
	font-size: 18px;
}
.r-tabs .r-tabs-nav .r-tabs-state-active {
	background-color: #fff;
	margin-bottom: -1px;
}
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
	opacity: 0.5;
}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color: #00aadd;
	background-color: #fff;
}
.r-tabs .r-tabs-panel {
	margin-bottom: 3px;
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;
	background-color: #00aadd;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	margin-bottom: 3px;
	font-family: "Roboto Condensed";
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
	opacity: 0.5;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background-color: #fff;
	color: #00aadd;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 0;
}
.offer {
	width: 100%;
	height: auto;
	margin: 0px 0 0 0;
	padding: 0px;
	float: left;
	background: url(../images/landing.jpg) top left no-repeat;
	background-size: 100% 100%;
}
.offer-ind {
	width: 100%;
	height: auto;
	margin: 0px 0 0 0;
	padding: 0px;
	float: left;
	background: url(../images/landing-1.jpg) top left no-repeat;
	background-size: 100% 100%;
}
.off {
	width: 100%;
	height: auto;
	margin: 0px 0 0 0;
	padding: 0px;
	float: left;
	background: url(../images/seo-bnr.jpg) top left no-repeat;
	background-size: 100% 100%;
}
.offer-1 {
	width: 875px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
}
.offer1 {
	width: 300px;
	height: auto;
	margin: 50px 0 55px 0;
	padding: 0px 0 0px 0;
	float: right;
	background: none repeat scroll 0 center rgba(170, 169, 170, 0.5);
}
.offer1 h1 {
	font: normal 20px "Roboto Condensed";
	color: #fff;
	margin: 0px 0px 0 0px;
	padding: 10px 10px 10px 10px;
	text-align: center;
	background: #0c5175;
}
.offer1 h1 span{
	font: normal 12px "Roboto Condensed";
	color: #fff;
	margin: 10px 0px 0 0px;
	line-height: 24px;
}

.offer2 {
	font-size: 1.4em;
	margin: 0px auto;
	padding: 40px 40px 0px 0;
	width: 300px;
	height: auto;
}
.offer2 input {
	color: #575757;
	height: 35px;
	margin: 0 0px 20px 25px;
	padding: 6px;
	width: 250px;
	border: none;
}
.offer2 textarea {
    color: #575757;
    height: 80px;
    margin: 0 0px 20px 25px;
    padding: 6px;
    width: 250px;
    border: none;
}

.offer2 select {
	color: #575757;
	height: 35px;
	margin: 0 0px 20px 25px;
	padding: 6px;
	width: 250px;
	text-transform: uppercase;
	border: none;
}
.offer2 .submit_btn {
	width: 35%;
	margin: 0 12px 0 0px;
	float: right;
}
.offer2 .submit_btn input {
	width: 100%;
	height: 35px;
	background: #034567;
	color: #fff;
}
.offer2 .submit_btn input:hover {
	background: #f23c3b;
}
.scro {
	width: 100%;
	height: auto;
	margin: 0px 0 0 0;
	padding: 0px;
	float: left;
	background: #000 url(../images/bnr.png);
	background-size: 100%;
	/*border-bottom: solid 1px #fff;
	border-top: solid 1px #fff;*/
}
.scro-1 {
	width: 1000px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
}
.scro1 {
	width: 1000px;
	height: auto;
	margin: 0px 0 0px 0;
	padding: 0px 0 0px 0;
	float: left;
}
.clientsscroll
{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
	height:auto;
	
}
.clientsscroll img
{
	margin:0 5px 0 0;
	
}
.clientsscroll a
{
	text-decoration:none;
}
.gal
{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
}
.container
{
	width:1004px;
	height:auto;
	margin:0px auto;
	padding:0px;
}
.ourclients
{
	background:#000 url(../images/clientsbg.jpg)  no-repeat 100%;
	padding:100px 0 0 0;
}
.clientsul
{
	list-style-type:none;
	text-align:center;
	margin:20px 0 0 0 ;
}
.clientsul li
{
	display:inline;
}
.clientsul img
{
	padding:5px;
	border:1px solid #666;
	margin:5px 0;
}

/* srcroll */

.scroll {
	float: left;
	padding: 14px 1% 0px 1%;
	width: 98%;
	margin: 0px 0 15px 0;
}
.scroll-non {
	box-shadow: none;
}
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3, #flexiselDemo4 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	float: left;
	width: 100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	line-height: 0px;
}
.nbs-flexisel-item img {
	width: 100%;
	cursor: pointer;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	max-width: 70%;
	max-height: 80%;
}
/*** Navigation ***/



.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width: 32px;
	height: 45px;
	position: relative;
	cursor: pointer;
	z-index: 100;
	opacity: 0.5;
}
.nbs-flexisel-nav-left {
	left: 0px;
	float: left;
	position: absolute;
	background: url(../images/lft-arrow.png) no-repeat;
}
.nbs-flexisel-nav-right {
	right: 0px;
	float: right;
	position: absolute;
	background: url(../images/rht-arrow.png) no-repeat;
}
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}
/* scroll end */







.plan {
	width: 100%;
	height: auto;
	margin: 0px 0 0 0;
	padding: 0px;
	float: left;
	background: #09c url(../images/plans.jpg) repeat 100%;
	background-size: 100%;
}
.plan-1 {
	width: 1000px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
}
.plan1 {
	width: 1000px;
	height: auto;
	margin: 30px 0 20px 0;
	padding: 0px 0 0px 0;
	float: left;
}
.plan2 {
	width: 280px;
	height: auto;
	margin: 20px 20px 0 15px;
	padding: 0px 0 0px 0;
	float: left;
	background: #0c5175;
	border-radius: 7px;
}
.plan2 h1 {
	font: normal 25px "Roboto Condensed";
	color: #fff;
	margin: 0px auto;
	padding: 10px 10px 10px 10px;
	text-align: center;
	border-bottom: dashed 1px #ccc;
	width: 240px;
}
.plan2 h2 {
	font: normal 18px "Roboto Condensed";
	color: #fff;
	margin: 0px 0px 0 0px;
	padding: 10px 10px 10px 10px;
	text-align: center;
}
.pln {
	width: 1000px;
	height: auto;
	margin: 30px 0 20px 0;
	padding: 0px 0 0px 0;
	float: left;
}
.s1 {
	width: 288px;
	height: 90px;
	margin: 0px 40px 20px 0px;
	padding: 0px 0 0px 0;
	float: left;
}
.sl {
	width: 90px;
	height: 100px;
	margin: 0px;
	padding: 0px 0 0px 0;
	float: left;
	border-radius: 5px 0px 0px 5px;
}
.sr {
	width: 198px;
	height: 100px;
	margin: 0px;
	padding: 0px 0 0px 0;
	float: left;
	background: #fff;
	border-radius: 0px 5px 5px 0px;
}
.cl1 {
	background: #ec9706;
}
.cl1 p{
	margin:20px 0 0 20px;
}
.cl1 p img{
	vertical-align: middle;
}
.cl2 {
	background: #23a7d7;
}
.cl2 p{
	margin:20px 0 0 20px;
}
.cl2 p img{
	vertical-align: middle;
}
.cl3 {
	background: #91c731;
}
.cl3 p{
	margin:20px 0 0 20px;
}
.cl3 p img{
	vertical-align: middle;
}
.cl4 {
	background: #d63690;
}
.cl4 p{
	margin:20px 0 0 20px;
}
.cl4 p img{
	vertical-align: middle;
}
.cl5 {
	background: #fb5b5c;
}
.cl5 p{
	margin:20px 0 0 20px;
}
.cl5 p img{
	vertical-align: middle;
}
.cl6 {
	background: #096eb2;
}
.cl6 p{
	margin:20px 0 0 20px;
}
.cl6 p img{
	vertical-align: middle;
}
.fm {
	font-size: 60px;
	color: #fff;
	margin: 20px 0px 0px 15px;
}
.sr p {
	font: normal 16px "Roboto Condensed";
	color: #353333;
	margin: 10px 15px;
}
.p1 {
	font-size: 15px !important;
}
.p2 {
	margin-top: 15px !important;
}
.p3 {
	margin-top: 25px !important;
}
.ser {
	width: 280px;
	height: 160px;
	margin: 0px 50px 20px 0px;
	padding: 0px 0 0px 0;
	float: left;
	background: #fff url(../images/w1.jpg);
	border-radius: 5px;
}
.se2 {
	background: url(../images/e1.jpg);
}
.se3 {
	background: url(../images/c1.jpg);
}
.ser img {
	margin: 0px 0px 0px 4px;
}
.ser h1 {
	font: normal 20px "Roboto Condensed";
	color: #fff;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	text-align: center;
	text-shadow: 0 0 10px #636060;
}
.ser h2 {
	font: normal 18px "Roboto Condensed";
	color: #fff;
	margin: 0px 0px 0 0px;
	padding: 0px 10px 10px 10px;
	text-align: center;
	text-shadow: 0 0 10px #636060;
}
/* page */

#bronze_main {
	width: 1000px;
	height: auto;
	float: left;
}
#bronze {
	width: 288px;
	height: 340px;
	float: left;
	border: solid 1px #ccc;
	border-radius: 4px;
	margin: 19px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	box-shadow: #cccccc 0px 0px 8px;
	background: url(../images/d1.jpg) no-repeat center top;
	background-color: #fff;
	line-height: 28px;
}
#bronze span {
	margin: 20px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
	color: #2e9dca;
	text-align: center;
	float: left;
	font: bold 14px Arial, Helvetica, sans-serif;
}
#botton {
	width: 67px;
	height: 20px;
	background: #06F;
	margin: 10px 0px 0px 20px;
	border-radius: 6px;
	padding: 5px 0px 0px 0px;
	color: #fff;
	float: left;
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
}
#botton a {
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	color: #fff;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
}
#bronze h3 {
	margin: 10px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	color: #fff;
	text-align: center;
	font: bold 16px Arial, Helvetica, sans-serif;
}
#bronze h4 {
	margin: 20px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	color: #fff;
	text-align: center;
	font-size: 30px;
	font-family: Times New Roman;
}
#bronze h5 {
	margin: 30px 0px 15px 20px;
	padding: 0px 0px 0px 0px;
	color: #333;
	text-align: left;
	font: bold 14px Arial, Helvetica, sans-serif;
}
#bronze p {
	margin: 8px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #8c8b8b;
	line-height: 18px;
}
#bronze p a {
	margin: 12px 100px 0px 0px;
	padding: 5px 10px 5px 10px;
	float: right;
	text-align: left;
	background: #1f73c9;
	border-radius: 6px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 18px;
}
#bronze p a:hover {
	background: #FF6600;
	color: #FFFFFF;
}
#bronze img {
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#bronze1 {
	width: 288px;
	height: 340px;
	float: left;
	box-shadow: #cccccc 0px 0px 8px;
	border: solid 2px #ccc;
	border-radius: 4px;
	margin: 19px 0px 0px 40px;
	padding: 0px 0px 0px 0px;
	background: url(../images/d2.jpg) no-repeat center top;
	background-color: #fff;
	line-height: 28px;
}
#bronze1 span {
	margin: 20px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
	color: #efac0d;
	text-align: center;
	float: left;
	font: bold 14px Arial, Helvetica, sans-serif;
}
#botton1 {
	width: 67px;
	height: 20px;
	background: #efac0d;
	margin: 10px 0px 0px 20px;
	border-radius: 6px;
	padding: 5px 0px 0px 0px;
	color: #333;
	float: left;
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
}
#botton1 a {
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	color: #fff;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
}
#bronze1 h3 {
	margin: 10px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	color: #fff;
	text-align: center;
	font: bold 16px Arial, Helvetica, sans-serif;
}
#bronze1 h4 {
	margin: 20px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	color: #fff;
	text-align: center;
	font-size: 30px;
	font-family: Times New Roman;
}
#bronze1 h5 {
	margin: 30px 0px 15px 20px;
	padding: 0px 0px 0px 0px;
	color: #333;
	text-align: left;
	font: bold 14px Arial, Helvetica, sans-serif;
}
#bronze1 p {
	margin: 8px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #8c8b8b;
	line-height: 18px;
}
#bronze1 p a {
	margin: 12px 100px 0px 0px;
	padding: 5px 10px 5px 10px;
	float: right;
	text-align: left;
	background: #e2a109;
	border-radius: 6px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 18px;
}
#bronze1 p a:hover {
	background: #FF6600;
	color: #FFFFFF;
}
#bronze1 img {
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#bronze2 {
	width: 288px;
	height: 340px;
	float: left;
	box-shadow: #cccccc 0px 0px 8px;
	border: solid 1px #ccc;
	border-radius: 4px;
	margin: 19px 0px 0px 40px;
	padding: 0px 0px 0px 0px;
	background: url(../images/d3.jpg) no-repeat center top;
	background-color: #fff;
	line-height: 28px;
}
#bronze2 span {
	margin: 20px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
	color: #3fa211;
	text-align: center;
	float: left;
	font: bold 14px Arial, Helvetica, sans-serif;
}
#botton2 {
	width: 67px;
	height: 20px;
	background: #3fa211;
	margin: 10px 0px 0px 20px;
	border-radius: 6px;
	padding: 5px 0px 0px 0px;
	color: #fff;
	float: left;
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
}
#botton2 a {
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	color: #fff;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
}
#bronze2 h3 {
	margin: 10px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	color: #fff;
	text-align: center;
	font: bold 16px Arial, Helvetica, sans-serif;
}
#bronze2 h5 {
	margin: 30px 60px 10px 15px;
	padding: 0px 0px 0px 0px;
	color: #333;
	text-align: left;
	font: bold 14px Arial, Helvetica, sans-serif;
}
#bronze2 h4 {
	margin: 20px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	color: #fff;
	text-align: center;
	font-size: 30px;
	font-family: Times New Roman;
}
#bronze2 p {
	margin: 8px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #8c8b8b;
	line-height: 18px;
}
#bronze2 p a {
	margin: 19px 100px 0px 0px;
	padding: 5px 10px 5px 10px;
	float: right;
	text-align: left;
	background: #169405;
	border-radius: 6px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 18px;
}
#bronze2 p a:hover {
	background: #FF6600;
	color: #FFFFFF;
}
#bronze2 img {
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/*end*/

.clr {
	clear: both;
}
ul.ftlnks {
	text-align: center;
}
ul.ftlnks li {
	display: inline-block;
	margin: 0px 2px;
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 400;
	color: #999;
}
li.dvdr {
}
ul.ftlnks li a {
	display: block;
	color: #fff;
	padding: 0px 15px;
	text-decoration: none;
}
ul.ftlnks li a:hover {
	color: #3196be;
}
ul.prchm {
	text-align: center;
}
ul.prchm li {
	display: inline-block;
	margin: 0px 10px;
	width: 200px;
	min-height: 315px;
	height: auto;
	background: #e1e0df;
	position: relative;
	border-radius: 3px;
}
.ttlprc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #e1e0df;
	background: #7f7f7f;
	min-height: 30px;
	height: auto;
	padding: 15px 5px;
	border-radius: 3px 3px 0 0;
}
.prcdsc {
	text-align: left;
	padding: 15px;
	line-height: 40px;
	font-size: 16px;
	color: #7f7f7f;
	font-family: Arial, Helvetica, sans-serif;
}
.bynw {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 15px 10px;
	background: #1e679b;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-radius: 0 0 3px 3px;
}
.prcinr {
	padding: 15px 0px;
	color: #1e679b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
}
.bynw a {
	color: #e1e0df;
	display: block;
	text-decoration: none;
	font-size: 18px;
}
.main_res {
	width: 100%;
	float: left;
	display: none;
	height: auto;
}
.dis_hgt {
	min-height: 544px;
}
.ftricon_cont2 h6 {
	text-align: center;
}
.por_heig {
	width: 100%;
	height: auto;
	margin: 0px 0 0 0;
	padding: 0px;
	float: left;
	background: #000 url(../images/bnr.png);
	background-size: 100%;
	border-bottom: solid 1px #fff;
	border-top: solid 1px #fff;
}
 @media (max-width: 1024px) {
.logo {
 /* width21%; */
}
.head-right {
	width: 57%;
	float: right;
	margin: 0px;
}
.footer {
	background-repeat: repeat;
}
.service_cont2 {
	padding: 0 0 0 10px;
}
.aboutinner {
	background-repeat: repeat;
}
.lb-overlay a.lb-close {
	top: 1%;
	left: 78%;
}
.about_cont-12 p {
	padding: 0px 8px;
}
.client_cont3 {
	padding: 0 8px;
}
#bronze p a, #bronze1 p a, #bronze2 p a {
	margin: 13px 42px 0 0;
}

}
.thanks {
	width: 100%;
	float: left;
	height: auto;
}
.thanks img {
	width: 100%;
}
.thanks p {
	color: #444;
	font-size: 34px;
	font-weight: bold;
	line-height: 47px;
	margin: 66px auto;
	text-align: center;
	width: 74%;
	font-family: roboto condensed;
}
@media only screen and (min-width:50px) and (max-width:639px) {
	.container {
   
    width: 30%;
}
.gal {
    width: 33%;
}
.gal img
{
	margin:20px 0; 
}
.ourclients {
     padding: 127px 0 0;
}

}
@media only screen and (min-width:640px) and (max-width:1023px) {
	.container {
   
    width: 60%;
}
.gal {
    width: 60%;
}
.gal img
{
	margin:20px 0; 
}

}
@media only screen and (min-width:1024px) and (max-width:1337px)
{
 .bannar_main   
 {
     height:517px !important;
}
.service_cont1
{
    padding:0px !important;
}
}