@charset "utf-8";
/* CSS Document */
@import url('fonts.css');
*
{
	margin:0;
	padding:0;
}
.header-top
{
	background:#367Df9;
	padding:0 0 0.5em;	
	
}
.navbar-right
{
	padding:2px;
	margin-top:5px;
	float:right;
	
}
.navbar-right li
{
	list-style:none;
	float:left;
}
.navbar-right li a
{
	padding:8px 12px;
	font-family: 'Square721BTRoman';
	line-height:20px;
	position:relative;

	color:#FFF;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	
}
.navbar-right li a,.line a
{
font-family: 'Square721BTRoman';
font-size:12px;
color:#FFF;
transition-delay:0.2s;

}
.navbar-right li.line:hover,.navbar-right li> a:hover,.navbar-right li >.line:focus,.navbar-right li>.active> a:focus 
{
	color:#06F;
	
}

.navbar-default
{
	background: #010099; /* Old browsers */
background: -moz-linear-gradient(top,  #010099 0%, #000064 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#010099), color-stop(100%,#000064)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #010099 0%,#000064 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #010099 0%,#000064 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #010099 0%,#000064 100%); /* IE10+ */
background: linear-gradient(to bottom,  #010099 0%,#000064 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010099', endColorstr='#000064',GradientType=0 ); /* IE6-9 */

float:left;
width:100%;
min-height:70px;
	
}
.wrapper
{
	float:left;
	width:100%;
	background:#367df9;
	-webkit-box-shadow: 0px 4px 4px -2px #777;
	   -moz-box-shadow: 0px 4px 4px -2px #777;
	        box-shadow: 0px 4px 4px -2px #777;
		height:80px;
			
}
.box
{
	width:60%;

	min-height:92px;

	background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f2f2 0%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 0%,#f9f9f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f2f2 0%,#f9f9f9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f2f2 0%,#f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0px 4px 4px -2px #777;
	   -moz-box-shadow: 0px 4px 4px -2px #777;
	        box-shadow: 0px 4px 4px -2px #777;
		
			
		
 -webkit-transform:skewx(-12deg);
 -ms-transform:skewx(-12deg);
-moz-transform:skewx(-12deg);
			transform:skewx(-12deg);
			z-index:5;
			position:absolute;
			left:0;
			margin-left:-13px;
			
			
		

}
.heading
{
font-family: 'Square721BTRoman';
font-size:13px;
color:#F00;
margin-left:26%;
}
.logo
{
	height:90px;
	margin-left:15%;


}
.span4 ul li
{
	list-style:none;
	float:left;
	font-family: 'Square721BTRoman';
	color:#FFF;
	line-height:28px;
	font-size:12px;
	margin-top:8px;
	
	
	}
.phone
{
	width:26px;
	height:25px;
	float:left;
	background:url(../img/phone_icon_06.png) no-repeat center left;
	margin-right:8px;

	
}
.mail
{
	width:24px;
	height:20px;
	float:left;

	background:url(../img/mail_icon_10.png) no-repeat  center left ;
	margin-right:8px;
}

.shadowdrop {
    background-image: url("../img/shadow-bottom.png");
    background-position: center top;
    background-repeat: no-repeat;
    height:26px;
    position:relative;
    bottom:2px;
    width: 100%;
    z-index: 2;
}
.content
{
	float:left;
	width:102%;
	background:#ebebeb;
	padding-bottom:5px;

}
.span3>.im-box
{


	transition: transform 300ms ease-out 0s;
	position:relative;
	z-index:2;
	border:3px solid #FFF;
	
	margin-top:8px;
}
.span3>p
{
	text-align:justify;
	
	font-size:12px;
	color:#000;
	width:98%;
		font-family: 'Square721BTRoman';
	
}
.span4>p
{
	text-align:justify;
	
	font-size:12px;
	color:#000;
	width:98%;
		font-family: 'Square721BTRoman';
	
}

.span3>.readmore
{
	
	padding:8px;
	text-align:center;

	background:#003ea3;
	position:relative;

	margin-left:15%;
	margin-bottom:3px;
		transition: all 300ms ease-out 0s;


}

.span3>.readmore:hover
{
	background:#ff6028;
	border:3px solid #ff6028;
	transition: all 300ms ease-out 0s;
	cursor:pointer;

}

.span3>.readmore>a
{
	text-align:center;
	font-family: 'Square721BTRoman';
	color:#FFF;
	font-size:14px;
	text-decoration:none;
	
	
}
.span3 .im-box img
{
	 position:relative;
	 	height:175px;
		width:100%;
 
}

.readmore_1
{
	
	padding:8px;
	width:80px;
	text-align:center;
	float:left;

	background:#003ea3;
	position:relative;

	margin-right:15px;
	margin-bottom:3px;
		transition: all 300ms ease-out 0s;

}
.gi
{
	margin-left:8px;
	margin-top:5px;
	float:left;
}
marquee
{
	color:#ec4012;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-top:15px;
	
}

.readmore_1>a
{
		text-align:center;
	font-family: 'Square721BTRoman';
	color:#FFF;
	font-size:14px;
	text-decoration:none;
	cursor:pointer;
}
.readmore_1:hover
{
	-ms-border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
		border-radius:8px;
		-webkit-transition: all 300ms ease-out 0s;
		-moz-transition: all 300ms ease-out 0s;
		transition: all 300ms ease-out 0s;
	
}
.readmore_1>a:hover
{
	color:#F30;
}


	
	
.h3
{
		font-family: 'Square721BTRoman';
		font-size:16px;
		color:#003ea3;
		line-height:22px;
		
	}
.span8>p
{
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	line-height:22px;
	width:96%;
}



hr.ornament1 {
	    background-image: -webkit-linear-gradient(left center , rgba(12, 71, 165, 0), rgba(12, 71, 165, 0.99), rgba(12, 71, 165, 0));
    background-image: -moz-linear-gradient(left center , rgba(12, 71, 165, 0), rgba(12, 71, 165, 0.99), rgba(12, 71, 165, 0));
    border: 0 none;
    height: 2px;
    margin: 1px 0 0 -104px;
	-ms-transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
    transform: rotate(270deg);
    width: 22%;
    top: 121px;
    position: relative;
}
.item>p
{
	font-family: 'Square721BTRoman';
	text-align:center;
	font-size:15px;
	line-height:22px;
	margin-top:30px;
	width:98%;
	
}
small
{
	font-family: 'Square721BTRoman';
	font-size:16px;
	text-align:center;
	color:#0c47a5;
	width:100%;
	float:left;
}

.testmon
{
	height:300px;

	width:100%;
	position:relative;
	padding-bottom:8px;
	margin-top:5px;
	
	
	
	
}
h4
{
	width:100%;
	text-align:center;
	font-family: 'Square721BTRoman';
	font-size:28px;
	color:#FFF;
}
.in
{
	margin-top:5%;
	color:#FFF;
}
.con
{
	background: none repeat scroll 0 0 rgba(14, 35, 148, 0.80);
    height:300px;
    left:0px;
    position: absolute;
    top:0px;
    width:100%;
	
}
.user_img
{
	width:100px;
	height:100px;
	background:#FFF;
	border-radius:50%;
	overflow:hidden;
	
}
h1
{
	font-size:15px;
	
}
h2
{
	font-size:14px;
	
}
.span7>p
{
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	width:98%;
	font-size:14px;
}

.highlights
{
	width:100%;
	float:left;
	margin-bottom:5px;

}
.highlights>h3
{
	font-size:16px;
	margin-left:21px;
}
.highlights ul li
{
	list-style:none;
	float:right;
	font-family: 'Square721BTRoman';
	color:#000;
	line-height:18px;
	font-size:13px;
	display:block;
	width:100%;

	text-align:justify;

	
	

}

.map
{
	width:98%;
	height:260px;
	float:left;
	border:2px solid #CCC;
	overflow:hidden;
}

.contact {
    float:left;
    width: 100%;
}
ol li label {
display: block;
margin: 0;
padding: 16px 0 5px 0px;
font-size:16px;
font-family: 'MyriadProCondensed';



}
ol li input.text {
background-color: #FFFFFF;
border: 1px solid #C0C0C0;
height: 16px;
margin: 0;
padding: 5px 2px;
width: 250px;
}
ol li textarea {
background-color: #FFFFFF;
border: 1px solid #C0C0C0;
margin: 0;
padding: 2px;
width: 250px;
}
.contact h2 {
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
padding: 18px 0px 18px 0px;
width: 100%;
background:none;
color:#000;
}
.submit_btn
{
	background: #499bea; /* Old browsers */
background: -moz-linear-gradient(top,  #499bea 0%, #207ce5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #499bea 0%,#207ce5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */

	padding:8px;
	width:54px;
	margin-top:14px;
	border-radius:3px;
	float:left;
	z-index:1000;
	position:relative;
	text-align:center;
	color:#FFF;
	line-height:22px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	border:none;
	
}
.cancel_btn
	{
		background: #499bea; /* Old browsers */
background: -moz-linear-gradient(top,  #499bea 0%, #207ce5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #499bea 0%,#207ce5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */

	padding:8px;
	width:54px;
	margin-top:14px;
	margin-left:3px;
	border-radius:3px;
	float:left;
	z-index:1000;
	position:relative;
	text-align:center;
	color:#FFF;
	line-height:22px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	border:none;
	}

.icon
{
	width:18px;
	height:16px;
	background:url(../img/high.png) no-repeat left top;
	float:left;
	padding-left:8px;
}
.span4>h3
{
font-size:16px;	
}
strong
{
	color:#06F;
}
b
{
	color:#06F;
}
.pull
{
	margin-left:50px;
}
.calls
{
	text-align:center;
	font-family: 'Square721BTRoman';
	font-size:16px;
	color:#FFF;
	line-height:45px;
}
.twitter-hover {
    background-image: url("../img/twitter-hover.png");
}

.facebook-hover {
    background-image: url("../img/facebook-hover.png");
}
.google-hover {
    background-image: url("../img/google-hover.png");
}
.social-slide {
    float:right;
    height: 48px;
   
    transition: all 0.3s ease 0s;
    width: 48px;
 margin: 0px 18px 2px -13px;
	
}
.social
{
	width:100%;
	float:right;
}
.social-slide:hover
{
	background-position:0px -48px;
}
.right
{
	float:right;
}
.top
{
	margin-top:9%;
}

.gall_1
			{
				border:2px solid#e0e0e0;
				 transition: all 0.4s ease-in 0s;
				
				box-shadow:0px 1px 2px 2px #3f3f3f;
				margin-bottom:15px;   
				
				
			}
			.gall_1:hover
			{
				 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    transform: scale(1.1) translateY(-10px);
    z-index: 2;
			}
			.demonstrations
			{
				margin-top:5%;
			}
.footer_bottom
{
	background:#000;
	padding:0 0 1.1em;
	margin-top:5px;
}
.left_a
{

	margin-left:5px;
	margin-top:5px;
	float:left;
}
.left_a>a:hover
{
	color:#FFF;
}
.right_a
{
	float:right;
	margin-right:5px;
	margin-top:5px;
	
	
}

.right_a>a:hover
{
		color:#FFF;
}

footer
{
	margin-top:3%;
	padding:0 0 1.2em;
	background:#323232;

	
}

 .gallerycontainer{
    position: relative;
    /*Add a height attribute and set to largest image's height to prevent overlaying*/
    }

    .thumbnail img{
    border: 1px solid white;
    margin: 0 5px 5px 0;
    }

    .thumbnail:hover{
    background-color: transparent;
    }

    .thumbnail:hover img{
    border: 1px solid blue;
    }

    .thumbnail span{ /*CSS for enlarged image*/
    position: absolute;
    background-color: lightyellow;
    padding: 5px;
    left: -1000px;
    border: 1px dashed gray;
    visibility: hidden;
    color: black;
    text-decoration: none;
    }

    .thumbnail span img{ /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
    }

    .thumbnail:hover span{ /*CSS for enlarged image*/
    visibility: visible;
    top: 0;
    left: 230px; /*position where enlarged image should offset horizontally */
    z-index: 50;
    }
	.rd
	{margin-top:40px;
	}
	.rd_1
	{
	margin-top:19px;	
	}

	
	@media (max-width:1200px)
	{
		.readmore
		{
			margin-top:19px;
		}
		.rd
		{
		margin-top:28px;
		}
		.rd_1
		{margin-top:28px;}
	}