@charset "utf-8";
/* CSS by Saneesh K.K. | PBS Innovation Lab, Cochi. */

@import url(http://fonts.googleapis.com/css?family=Roboto);

@import url('icons.css');

@font-face
{ 
  font-family:'Museo500-Regular'; 
  src:url(../fonts/Museo500-Regular.otf);
}

/****************************************** BODY PARTS *****************************************/

body 
{
	margin:0;
	font-family: 'Roboto', sans-serif;
	background:#fff url(../images/bg.jpg) repeat-x;
	font-size:13px;
	color:#232323;
}
img 
{
	border:none;
	outline:none;
}

h1, h2, h3, h4, h5, h6 
{
	margin:0;
	padding:0;
	font-weight:lighter;
	font-family:'Museo500-Regular'; 
}

p 
{
	margin:15px 0 0 0;
	float:left;
	padding:0;
	line-height:20px;
}

.reset 
{
	clear:both
}

a 
{
	color: #fff;
	text-decoration: none;
	outline:none;
	-webkit-transition: 400ms ease-in-out;
	-moz-transition: 400ms ease-in-out;
	-ms-transition: 400ms ease-in-out;
}

a:hover 
{
	color: #332f2d;
}

/****************************************** HEADER PARTS *****************************************/

.head
{
	width:1100px;
	margin:0 auto;
}

.logo
{
	width:250px;
	height:143px;
	float:left;
	background:url(../images/logo.png);
	z-index:9999;
	position:relative;
}

.head-right
{
	width:325px;
	float:right;
	margin-top:20px;
}

.social-area
{
	width:138px;
	float:left;
	border-right:#0961a9 1px solid;
	padding-right:10px;
}

.social-icon
{
	width:38px;
	height:48px;
	float:left;
	margin-left:8px;
	background:url(../images/facebook-hover.jpg);
	-webkit-transition: 400ms ease-in-out;
	-moz-transition: 400ms ease-in-out;
	-ms-transition: 400ms ease-in-out;
}

.social-icon:hover
{
	background:url(../images/facebook.jpg);
}

.icon-2
{
	background:url(../images/twitter-hover.jpg) !important;
}

.icon-2:hover
{
	background:url(../images/twitter.jpg) !important;
}

.icon-3
{
	background:url(../images/mail-hover.jpg) !important;
}

.icon-3:hover
{
	background:url(../images/mail.jpg) !important;
}

.quick-enquiry
{
	float:right;
	background:#0961a9 url(../images/icon.jpg) right no-repeat;
	color:white;
	font-size:15px;
	height:34px;
	padding:14px 0 0 10px;
	width:155px;
	text-transform:uppercase;
	-webkit-transition: 400ms ease-in-out;
	-moz-transition: 400ms ease-in-out;
	-ms-transition: 400ms ease-in-out;
}

.quick-enquiry:hover
{
	color:#bde1ff;
}

/****************************************** INTRO PARTS *****************************************/

.intro
{
	width:1100px;
	height:485px;
	float:left;
	margin-top:-70px;
}

.intro-inner
{
	width:100%;
	height:450px;
	background:#c6c7c9;
	border-bottom:#38a9ff 2px solid;
	border-top:#38a9ff 2px solid;
	margin:-62px auto 0 auto;
}

.intro-inbox
{
	margin-top:-60px;
	float:left;
}

.ei-slider{
	position: relative;
	width: 100%;
	max-width: 1100px;
	height: 485px;
	margin: 0 auto;
}
.ei-slider-loading{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
	background: rgba(0,0,0,0.9);
	color: #fff;
	text-align: center;
	line-height: 400px;
}
.ei-slider-large{
	height: 100%;
	width: 100%;
	position:relative;
	overflow: hidden;
}
.ei-slider-large li{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: 485px;
	width: 100%;
}
.ei-slider-large li img{
	width: 100%;
}
.ei-title{
	position: absolute;
	right: 50%;
	margin-right: 13%;
	top: 30%;
}
.ei-title h2, .ei-title h3{
	text-align: right;
}
.ei-title h2{
	font-size: 40px;
	line-height: 50px;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	color: #b5b5b5;
}
.ei-title h3{
	font-size: 70px;
	line-height: 70px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	color: #000;
}
.ei-slider-thumbs{
	height: 10px;
	margin: 0 auto;
	margin-top:-13px;
	padding:0;
	position: relative;
	top:0;
}
.ei-slider-thumbs li{
	position: relative;
	float: left;
	height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
	top: 0px;
	left: 0px;
	position: absolute;
	height: 100%;
	z-index: 10;
	text-indent: -9000px;
	background: #000;
	background: rgba(0,0,0,0.9);
}
.ei-slider-thumbs li a{
	display: block;
	text-indent: -9000px;
	background: #666 ;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-moz-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
	-webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
	background-color: #f0f0f0;
}
.ei-slider-thumbs li img{
	position: absolute;
	bottom: 50px;
	opacity: 0;
	z-index: 999;
	max-width: 100%;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	-webkit-box-reflect: 
        below 0px -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(50%, transparent), 
            to(rgba(255,255,255,0.3))
            );
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
	opacity: 1;
	bottom: 13px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media screen and (max-width: 830px) {
	.ei-title{
		position: absolute;
		right: 0px;
		margin-right: 0px;
		width: 100%;
		text-align: center;
		top: auto;
		bottom: 10px;
		background: #fff;
		background: rgba(255,255,255,0.9);
		padding: 5px 0;
	}
	.ei-title h2, .ei-title h3{
		text-align: center;
	}
	.ei-title h2{
		font-size: 20px;
		line-height: 24px;
	}
	.ei-title h3{
		font-size: 30px;
		line-height: 40px;
	}
}

/****************************************** MENU PARTS *****************************************/

.sidebar, .sidebar *, .sidebar:before{
  transition: all 0.24s ease-in-out;
}
.sidebar{
  position:fixed;
  top:50%;
  transform: translate(0%,-50%);
  margin-left:-100px;
  background-color:#0961a9;
  overflow:hidden;
 /* box-shadow: 0 1px 4px rgba(0,0,0,0.2);
  background-image:(../images/demo.png);
  border-radius: 0px 5px 5px 0px;*/
}
.sidebar li{
  opacity:0;
}
.sidebar:before{
  content:"+";
  position:absolute;
  right:18px;
  top:50%;
  transform: translate(0%,-50%);
  color:#fff;
  font-size:2em;
}
.sidebar:hover:before{
  opacity:0;
}
.sidebar:hover{
  margin-left:-38px;
}
.sidebar:hover li{
  opacity:1;
}
.sidebar a{
  text-decoration:none;
  color:#fff;
  line-height: 60px;
  padding: 0 20px;
  display:block;
}
.sidebar a:hover{
  color:#0961a9;
}
.sidebar li{
  height:60px;
  border-bottom:1px solid #fff;
}
.sidebar li:hover{
  background-color: #fff;
}
.sidebar li:last-child{
  border-bottom:none;
/*  border-radius: 0px 0px 5px 0px;*/
}
.sidebar li:first-child{
  /*border-radius: 0px 5px 0px 0px;*/
}

ol,ul{list-style:none}

/****************************************** CONTENT PARTS *****************************************/

.content
{
	width:1100px;
	margin:0 auto;
}

.col
{
	width:100%;
	float:left;
	margin-top:25px;
}

.box
{
	width:350px;
	float:left;
	margin-left:25px;
	background:#0961a9;
}

.margin
{
	margin:0 !important;
}

.box-pic
{
	width:150px;
	height:210px;
	float:left;
}

.box-txt
{
	width:160px;
	float:left;
	margin:30px 0 0 15px;
	color:white;
}

.box-txt p
{
	margin-top:10px !important;
}

h2
{
	color:#ffcb00;
	text-transform:uppercase;
	font-size:20px;
	float:left;
	width:100%;
}

.more
{
	width:100px;
	float:left;
	font-size:15px;
	margin-top:15px !important;
	text-align:center;
}

.amc
{
	width:350px;
	height:400px;
	float:left;
	background:url(../images/amc.jpg);
}

.colR
{
	width:725px;
	float:right;
	margin-top:25px;
}

.color
{
	color:#232323 !important;
}

.more1
{
	width:120px;
	float:left;
	font-size:15px;
	margin-top:25px;
	text-align:center;
	background:#0961a9;
	color:white;
	text-transform:uppercase;
	padding:13px 0;
	-webkit-transition: 400ms ease-in-out;
	-moz-transition: 400ms ease-in-out;
	-ms-transition: 400ms ease-in-out;
}

.more1:hover
{
	background:#ffcb00;
	color:#0961a9;
}

.bg
{
	background:url(../images/inner.jpg) repeat-x white;
}

.colL
{
	width:735px;
	float:left;
}

.wrapper
{
	background:#f5f6e6 url(../images/noise.png);
	width:100%;
	margin:0 auto;
}

.inner-colr
{
	width:275px;
	float:right;
	background:#073e84;
	padding-bottom:15px;
}

.service-head
{
	width:100%;
	height:196px;
	float:left;
	background-image:url(../images/service.jpg);
}

.service-list
{
	width:245px;
	float:left;
	margin:15px 0 0 15px;
}

.service-list ul
{
	padding:0;
	margin:0;
}

.service-list ul li
{
	background:url(../images/tick.png) left no-repeat;
	border-bottom:#38a9ff 1px solid;
	padding:15px 0 15px 35px;
	color:#38a9ff;
	list-style:none;
	float:left;
	width:205px;
	-webkit-transition: 300ms ease-in-out;
	-moz-transition: 300ms ease-in-out;
	-ms-transition: 300ms ease-in-out;
}

.service-list ul li:hover
{
	background:#38a9ff url(../images/tick.png) left no-repeat;
	color:white;
}

.service-col
{
	width:1050px;
	float:left;
	background:white;
	padding:25px;
}

/****************************************** FOOTER PARTS *****************************************/

.footer
{
	background:url(../images/noise.png) #17478a;
	width:100%;
	margin:0  auto;
	color:white;
}

.footer-box
{
	width:475px;
	float:left;
}

.footer-inbox
{
	width:162px;
	float:left;
}

.list
{
	width:100%;
	float:left;
}

.list ul
{
	padding:0;
	margin:0;
}

.list ul li
{
	width:100%;
	float:left;
	padding:10px 0;
	border-bottom:#1b53a1 1px solid;
	-webkit-transition: 400ms ease-in-out;
	-moz-transition: 400ms ease-in-out;
	-ms-transition: 400ms ease-in-out;
}

.list ul li:hover
{
	color:white;
	border-bottom:#fff 1px solid;
}

.footer-box2
{
	width:175px;
	float:left;
	margin-left:125px;
}

.footer-box3
{
	width:215px;
	float:right;
}

.footer-bottom
{
	width:100%;
	float:left;
	margin-top:25px;
	padding:25px 0;
	background:#fff url(../images/noise.png);
	color:#17478a;
	text-transform:uppercase;
	font-size:12px;
}

.footer-bottom a
{
	color:#17478a;
}

.footer-bottom a:hover
{
	color:#17478a;
	text-decoration:underline;
}

.contact-col
{
	width:1050px;
	float:left;
	margin-top:25px;
	color:#0961a9;
	text-transform:uppercase;
}

.contact-col:first-child
{
	margin-top:0;
}

.contact-coll
{
	width:512px;
	float:left;
	color:#0961a9;
	text-transform:uppercase;
}

.field
{
	width:500px;
	height:50px;
	margin-top:10px;
	background:#f5f5f5;
	border:#e0e0e0 1px solid;
	padding-left:10px;
	-webkit-transition: 400ms ease-in-out;
	-moz-transition: 400ms ease-in-out;
	-ms-transition: 400ms ease-in-out;
	/* text-transform:uppercase; */
	font-size:13px !important;
	color:#333;
}

.field:hover
{
	background:#f1f1f1;
}

.field:focus
{
	background:#eee;
	outline:none;
}

.area
{
	width:1030px;
	height:100px;
	margin-top:10px;
	background:#f5f5f5;
	font-size:13px !important;
	color:#333;
	/* text-transform:uppercase;*/
	border:#e0e0e0 1px solid;
	padding:10px;
	-webkit-transition: 400ms ease-in-out;
	-moz-transition: 400ms ease-in-out;
	-ms-transition: 400ms ease-in-out;
}

.area:hover
{
	background:#f1f1f1;
}

.area:focus
{
	background:#eee;
	outline:none;
}

.contact-detail
{
	background:#38a9ff;
	padding:25px 0;
	width:100%;
	float:left;
	margin-top:25px;
}

.contact-box
{
	width:241px;
	float:left;
	height:40px;
	font-size:16px;
	border-right:white 1px solid;
	background:url(../images/icon-1.jpg) left no-repeat;
	padding:35px 0 0 108px;
	color:white;
}

.contact-box:last-child
{
	border:none;
}

.contact-icon2
{
	background:url(../images/icon-2.jpg) left no-repeat !important;
}

.contact-icon3
{
	background:url(../images/icon-3.jpg) left no-repeat !important;
}

/****************************************** EXTRA CSS *****************************************/

.nav {
  margin: 0 0 10px;
}
.nav h2 {
  display: inline-block;
  font-size: 16px;
}
.nav ul {
	display: inline-block;
  vertical-align: middle;
  list-style: none;
  padding: 0;
  margin: 0 0 0 10px;
  overflow: hidden;
}
.nav li {
  float: left;
  margin: 0 0 0 10px;
}
.nav li:first-child {
  margin-left: 0;
}
.nav a {
  display: block;
  text-decoration: none;
  color: #0961a9;
  background:white;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  position: relative;
}
.nav .active a {
  background: #333;
  color: #fff;
}
.nav .active a:before,
.nav .active a:after {
  content: none;
}

/* ROTATE */
.nav-rotate ul {
  overflow: visible;
  height: 30px;
}
.nav-rotate a {
	color: transparent;
  perspective: 300px;
}
.nav-rotate a:before,
.nav-rotate a:after {
  content: attr(data-value);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  transform-origin: 50% 50% -15px;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: transform 0.3s;
}
.nav-rotate a:before {
  background: #ffcb00;
  color: #0961a9;
  transform: rotateX(91deg);
}
.nav-rotate a:after {
  color: #0961a9;
}
.nav-rotate .active a:before,
.nav-rotate .active a:after {
	content: '';
}
.nav-rotate a:hover:before {
  transform: rotateX(0);
}
.nav-rotate a:hover:after {
  transform: rotateX(-91deg);
}

.nav-rotate-bottom a:before {
  transform: rotateX(-91deg);
}
.nav-rotate-bottom a:hover:after {
  transform: rotateX(91deg); 
}

/* Circular Content Carousel Style */
.ca-container{
	position:relative;
	margin:25px auto 20px auto;
	width:990px;
	height:450px;
}
.ca-wrapper{
	width:100%;
	height:100%;
	position:relative;
}
.ca-item{
	position:relative;
	float:left;
	width:330px;
	height:100%;
	text-align:center;
}
.ca-more{
	position: absolute;
	bottom: 10px;
	right:0px;
	padding:4px 15px;
	font-weight:bold;
	background: #38a9ff;
	text-align:center;
	color: white;
	text-transform:uppercase;
}
.ca-close{
	position:absolute;
	top:10px;
	right:10px;
	background:#fff url(../images/cross.png) no-repeat center center;
	width:27px;
	height:27px;
	text-indent:-9000px;
	outline:none;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	opacity:0.7;
}
.ca-close:hover{
	opacity:1.0;
}
.ca-item-main{
	padding:20px;
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	background:#f5f5f5;
	overflow:hidden;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
}
.ca-icon{
	width:270px;
	height:170px;
	position:relative;
	margin:0 auto;
	background:transparent url(../images/service-1.jpg) no-repeat center center;
}
.ca-item-2 .ca-icon{
	background-image:url(../images/service-2.jpg);
}
.ca-item-3 .ca-icon{
	background-image:url(../images/service-3.jpg);
}
.ca-item-4 .ca-icon{
	background-image:url(../images/service-4.jpg);
}
.ca-item-5 .ca-icon{
	background-image:url(../images/service-5.jpg);
}
.ca-item h3{
	text-transform:uppercase;
	font-size:20px;
	color:#000;
	/*margin-bottom:20px;*/
	margin-top:15px;
	text-align:left !important;
	margin-left:5px;
	text-shadow: 0px 1px 1px #e4ebe9;
}
.ca-item h4{
	
	font-size:12px;
	text-align:left;
	/*border-left:10px solid #b0ccc6;
	padding-left:10px;*/
	line-height:20px;
	margin:10px;
	position:relative;
	font-family: 'Roboto', sans-serif;
}
/*.ca-item h4 span{
	text-indent:40px;
	display:block;
}
.ca-item h4  span.ca-quote{
	color:#f4eee3;
	font-size:100px;
	position:absolute;
	top:20px;
	left:0px;
	text-indent:0px;
}*/
.ca-content-wrapper{
	background:#38a9ff;
	position:absolute;
	width:0px; /* expands to width of the wrapper minus 1 element */
	height:440px;
	top:5px;
	text-align:left;
	z-index:10000;
	overflow:hidden;
}
.ca-content{
	width:660px;
	overflow:hidden;
}
.ca-content-text{
	font-size: 14px;
	margin:10px 20px;
	padding:10px 20px;
	line-height:24px;
}
.ca-content-text p{
	/*padding-bottom:5px;*/
	color:white;
}
.ca-content h6{
	margin:25px 20px 0px 35px;
	font-size:20px;
	padding-bottom:5px;
	color:#fff;
	border-bottom:1px solid #fff;
}
.ca-content ul{
	height:30px;
	float:left;
	margin-top:35px;
}
.ca-content ul li{
	float:left;
	margin:0px 2px;
}
.ca-content ul li a{
	color:#fff;
	background:#0961a9;
	padding:13px 25px;
	height:50px;
	font-size:14px;
}
.ca-content ul li a:hover{
	background:#fff;
	color:#000;
	text-shadow:none;
}
.ca-nav span{
	width:25px;
	height:38px;
	background:transparent url(../images/arrows.png) no-repeat top left;
	position:absolute;
	top:50%;
	margin-top:-19px;
	left:-40px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
	right:-40px;
}
.ca-nav span:hover{
	opacity:1.0;
}

/*List Dropdown Css*/

.cd-dropdown,
.cd-select {
	position: relative;
	width: 500px;
	margin-top:10px;
	display: block;
}

.cd-dropdown > span {
	width: 89%;
	height: 50px;
	line-height: 50px;
	color: #333;
	background: #f5f5f5;
	border:#e0e0e0 1px solid;
	display: block;
	padding: 0 50px 0 15px;
	position: relative;
	cursor: pointer;
}

.cd-dropdown > span:after {
	content: '\25BC';
	position: absolute;
	right: 0px;
	top: 14%;
	width: 50px;
	text-align: center;
	font-size: 12px;
	padding: 10px;
	height: 30%;
	line-height: 17px;
	border-left: 1px solid #ddd;
}

.cd-dropdown.cd-active > span:after {
	content: '\25B2';
	color:#0961a9;
}

.cd-dropdown ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
}

.cd-dropdown ul li {
	display: block;
}

.cd-dropdown ul li span {
	width: 93.5%;
	background: #eee;
	line-height: 50px;
	padding: 0 30px 0 15px;
	display: block;
	color: #000;
	cursor: pointer;
	margin-top:-10px !important;
}

.cd-dropdown > span,
.cd-dropdown ul li span {
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.cd-dropdown > span span[class^="icon-"],
.cd-dropdown > span span[class*=" icon-"]{
	padding: 0 30px 0 45px;
}

/* Select fallback styling */
.cd-select {
	border: 1px solid #ddd;
}

.cd-dropdown ul {
	position: absolute;
	top: 0px;
	width: 100%;
}

.cd-dropdown > span,
.cd-dropdown ul li {
	
}

.cd-dropdown ul li {
	position: absolute;
	width: 100%;
	pointer-events: none;
}

.cd-active.cd-dropdown > span {
	color: #0961a9;
}

.cd-active.cd-dropdown ul li {
	pointer-events: auto;
}

.cd-active.cd-dropdown ul li span {
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}

.cd-active.cd-dropdown ul li span:hover {
	background: #0961a9;
	color: #fff;
}


.submit_btn{
                width:auto;
                height:28px;
                background:#38a9ff;
				font-size:14px;   
                border:none;
                padding:5px 20px;
				color:#fff;
                text-align:center;
                -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
                                                cursor:pointer; }
                                                
.submit_btn:hover{background:#000;}