/*---------------------------------------------------------
-----------------Carousel--------------------
-----------------------------------------------------------*/
    .carousel {
       margin-top: 50px;
       clear: both;
       border:8px solid #FFF ;
       		    -webkit-box-shadow: 0 12px 6px -6px rgba(0,0,0,0.5);
	        -moz-box-shadow: 0 12px 6px -6px rgba(0,0,0,0.5);
	        box-shadow: 0 12px 6px -6px rgba(0,0,0,0.5);
    }

    .carousel .container {
      position: relative;
      z-index: 9;
          
    }

    .carousel-control {
      height: 80px;
      margin-top: 0;
      font-size: 120px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
    }

    .carousel .item {
      height: 320px;
    }
    .carousel img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      height: 350px;
    }

    .carousel-caption {
      background-color: transparent;
      position: static;
      max-width: 550px;
      padding: 0 20px;
      margin-top: 75px;
    }
    .carousel-caption h1,
    .carousel-caption .lead {
      margin: 0;
      line-height: 1.25;
      color: #fff;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
    .carousel-caption .btn {
      margin-top: 10px;
    }
/*---------------------------------------------------------
-----------------Custom Menu---------------------------
-----------------------------------------------------------*/

/*Thirdparty Navigation*/
/* General menu styling */
.main-nav {
	position: relative;
	float: left;
	margin: 0;
	padding: 0px;
	line-height: 22px;

}
.main-active 
{
	color: #055695;
	background: #FFF;
	border-top: solid 4px #055695;
	padding: 15px 15px 20px 15px !important;
}	
	/* The main navigation link containers */
	.main-nav>li {
		display: block;
		float: left; /* Displaying them on the same line */
		margin: 0;
		padding: 0;
	}

		/* The main navigation links */
		.main-nav>li>a {
			/* Layout */
			display: block;
			position: relative;
			padding: 20px 15px;
			/* Text */
			font-family: "Open Sans", Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: 600;
			/*text-transform: uppercase;*/
			text-decoration: none;
             color: #444;
			-webkit-transition: color .2s ease-in;
			-moz-transition: color .2s ease-in;
			-o-transition: color .2s ease-in;
			-ms-transition: color .2s ease-in;
		}

		/* Changing the color on hover */
		.main-nav>li>a:hover{
			color: #055695;
			border-top: solid 4px #227fc6;
			/*padding: 15px 15px !important;*/
				padding: 15px 15px 20px 15px !important;
			/*background: #FFF;*/
/*			background: rgba(0, 0, 0, .6);	*/	
			-webkit-transition: all .2s ease-in;
			-moz-transition: all .2s ease-in;
			-o-transition: all .2s ease-in;
			-ms-transition: all .2s ease-in;	

		}
		/* Changing the color on hover */
		.main-nav>li:hover>a {
			color: #055695;
			background: #FFF;
			border-top: solid 4px #227fc6;
		    padding: 15px 15px 20px 15px !important;
/*			background: rgba(0, 0, 0, .6);	*/	
			-webkit-transition: all .2s ease-in;
			-moz-transition: all .2s linear;
			-o-transition: all .2s ease-in;
			-ms-transition: all .2s ease-in;	

		
		}


		/* The links which contain dropdowns menu are wider, because they have a little arrow */
		.main-nav>.dropdown>a {
			/*padding: 10px 20px 10px 20px;*/
			padding: 20px 15px;
		}
		/* The arrow indicating the dropdown */
		/*.dropdown>a::after {
			 content: "";
			 position: absolute;
			 top: 13px;
			 right: 10px;
			 width: 7px;
			 height: 7px;
			 -webkit-transform: rotate(45deg);
			 -ms-transform: rotate(45deg);
			 -moz-transform: rotate(45deg);
			 -o-transform: rotate(45deg);
			 border-bottom: 1px solid #03966b;
			 border-right: 1px solid #03966b;
			}
*/
		/* Changing the color of the arrow on hover */	
		.dropdown>a:hover::after, .dropdown:hover>a::after {
			border-color: #0bc693;
		}

		/* The submenus */
		.main-nav ul {
			position: absolute;
			margin: 0;
			padding: 0 0 0 0;
			list-style: none;
			display: block;
			z-index: 9999999;
			-moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
			-webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);
			box-shadow: 5px 5px rgba(0,0,0,0.5);

		}

		/* General layout settings for the link containers of the submenus */
		.main-nav ul li {
			position: absolute;
			top: -9999px; /* Hiding them */
			height: 0px; 
			display: block;
			margin: 0;
			padding: 0;

			/* Making them to expand their height with a transition, for a slide effect */
			-webkit-transition: height .2s linear;
			-moz-transition: height .2s linear;
			-o-transition: height .2s linear;
			-ms-transition: height .2s linear;
		     transition: height 0.3s linear;
		}

		/* Displays the submenu links, by expading their containers (with a transition, previously defined) and by repositioning them */
		.dropdown:hover>ul>li {
			min-height: 30px;
			position: relative;
			top: auto;

		}

			/* The submenu links */
			.main-nav ul li a {
				/* Layout */
				padding: 5px 20px;
				width: 120px;
				display: block;
				position: relative;

				/* Text */
				font-family: "Open Sans", Arial, Helvetica, sans-serif;
				color: #444;
				text-decoration: none;
				font-size: 14px;
				
				background:#FFF;
				-webkit-transition: color .3s ease-in, background .3s ease-in;
				-moz-transition: color .3s ease-in, background .3s ease-in;
				-o-transition: color .3s ease-in, background .3s ease-in;
				-ms-transition: color .3s ease-in, background .3s ease-in;
			}

			/* Changing the link's color and background on hover */
			.main-nav ul li:hover>a, .main-nav ul li a:hover {
				color: #055695;
				/*background: rgba(0, 0, 0, .75);*/
				background: #FFF;
			}

			/* Making the level 2 (or higher) submenus to appear at the right of their parent */
			.main-nav ul .dropdown:hover ul {
				left: 160px;
				top: 0px;
			}

			/* The submenu links have a different arrow which indicates another dropdown submenu */
			.main-nav ul .dropdown a::after{
				width: 6px;
				height: 6px;
				border-bottom: 0;
				border-right: 1px solid #fff;
				border-top: 1px solid #fff;
				top: 12px;

			}

			/* Changing the color of the arrow on hover */
			.main-nav ul .dropdown:hover>a::after, .main-nav ul .dropdown>a:hover::after {
				border-right: 1px solid #3bc00d;
				border-top: 1px solid #3bc00d;
			}
/*---------------------------------------------------------
-----------------Projects Grid Home Page--------------------
-----------------------------------------------------------*/
.our_menu{width:970px; margin:0 auto;}
ul,li{margin:0;padding:0;list-style:none}

.menu .item{float:left;position:relative}
.menu .item .new{background-position:-248px -482px;height:28px;left:-9px;padding:7px 0 0 7px;top:41px;width:55px; background:#F00;color:#FFF;display:block;font-family:"Open Sans",sans-serif;font-size:18px;position:absolute;text-transform:uppercase;z-index:1; }
.menu .item a{background-color:#FFF;color:#333333;display:block;overflow:hidden;position:absolute;box-shadow:0 0 7px 0 #CCC;-moz-box-shadow:0 0 7px 0 #CCC;-webkit-box-shadow:0 0 7px 0 #CCC}
.menu .item a:hover{z-index:2;-webkit-transition:height .4s ease-in-out;-moz-transition:height .4s ease-in-out;-o-transition:height .4s ease-in-out;-ms-transition:height .4s ease-in-out;transition:height .4s ease-in-out}
.menu .item:hover .new{z-index:3}
.menu .item a h3{border:0;font-family:"MuseoSans500Regular",sans-serif;font-size:18px;margin:0 0 .5em 0;padding:0; line-height: 25px; color:#596772;}
.menu .item a p{color:#432;font-size:16px;}

.our_menu .menu{float:left;margin:0 0 50px 0}
.our_menu .menu .item{background-position:9px -791px;height:172px;padding:0 0 0 7px;width:316px}
.our_menu .menu .item a{height:30px;padding:114px 0 0 14px;top:20px;width:295px;text-decoration:none;}
.our_menu .menu .item a:hover{height:132px;padding-top:179px}
.our_menu .menu .item a img{clip:rect(0px,283px,96px,0px);height:164px;position:absolute;top:14px;width:283px}
.our_menu .menu .item a:hover img{clip:auto}
.our_menu .menu .item .new{left:-1px}


@media only screen and (max-width: 967px) {
.our_menu{ width:660px;margin:0 auto;}
}
@media only screen and (max-width: 620px) {
.our_menu{ width:330px;margin:0 auto;}
}

/*---------------------------------------------------------
-----------------Team Style One--------------------
-----------------------------------------------------------*/
.team{width:970px; margin:0 auto;}
ul,li{margin:0;padding:0;list-style:none}

.member .profile{float:left;position:relative}
.member .profile .newp{background-position:-248px -482px;height:28px;left:-9px;padding:7px 0 0 7px;top:41px;width:55px; background:#F00;color:#FFF;display:block;font-family:"Open Sans",sans-serif;font-size:18px;position:absolute;text-transform:uppercase;z-index:1; }
.member .profile a{background-color:#FFF;color:#333333;display:block;overflow:hidden;position:absolute;box-shadow:0 0 7px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 0 7px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 0 7px 0 rgba(0,0,0,0.2)}
.member .profile a:hover{z-index:2;-webkit-transition:height .4s ease-in-out;-moz-transition:height .4s ease-in-out;-o-transition:height .4s ease-in-out;-ms-transition:height .4s ease-in-out;transition:height .4s ease-in-out}
.member .profile:hover .newp{z-index:3}
.member .profile a h3{border:0;font-family:"MuseoSans500Regular",sans-serif;font-size:18px;margin:0 0 .1em 0;padding:0; line-height: 25px; color:#596772;}
.member .profile a h5{border:0;font-family:"MuseoSans500Regular",sans-serif;margin:0 0 .2em 0;padding:0; line-height: 25px; color:#596772;}
.member .profile a p{color:#432;font-size:14px;}

.team .member{float:left;margin:0 0 50px 0}
.team .member .profile{background-position:9px -791px;height:172px;padding:0 0 0 7px;width:316px}
.team .member .profile a{height:55px;padding:110px 0 0 14px;top:20px;width:295px;text-decoration:none; border-left:solid 2px #055695}
.team .member .profile a:hover{height:158px;padding-top:179px; border-left:solid 2px #DF6C4F}
.team .member .profile a img{clip:rect(0px,283px,96px,0px);height:164px;position:absolute;top:14px;width:283px}
.team .member .profile a:hover img{clip:auto}
.team .member .profile .newp{left:-1px}


@media only screen and (max-width: 967px) {
.team{ width:660px;margin:0 auto;}
}
@media only screen and (max-width: 620px) {
.team{ width:330px;margin:0 auto;}
}

.social_links { text-align: center;}
/*---------------------------------------------------------
-----------------Team Style Normal-------------------
-----------------------------------------------------------*/
.member_s2
{
	border-left:solid 2px #055695;
	width:90%;
	min-height: 350px;
	background: #FFF;
	box-shadow:0 0 7px 0 rgba(0,0,0,0.2);
	padding: 10px;
	margin:0 auto;
	overflow: auto;
	border-radius: 0 0 10px 0;

}
.member_s2 h3 { margin-bottom: 1px;}
.member_s2 h5 { margin-top: 1px;}

.member_s2:hover { border-left:solid 2px #DF6C4F;}

.member_s2 ul { margin:0; padding: 0; list-style: none; border-top: solid 1px #CCC}
.member_s2 ul li { float: left; padding: 8px 4px;}
.member_s2 ul li a { font-size: 25px; color: #444444;}
.member_s2 ul li a:hover { text-decoration: none; color: #CCC;}

/*---------------------------------------------------------
-----------------CSS3 Ribbon--------------------
-----------------------------------------------------------*/

			h1.ribbon {
				background-position: 0% 0%;
	position: relative;
				display: inline-block;
				font-family: sans-serif;
				font-size: 1.1em;
				margin: 50px auto;
				padding: 2px 0;
				text-align: center;
				/*margin-bottom: 50px;*/
				-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	background-image: -ms-linear-gradient(top, #d64b4b 0%, #ab2c2c 100%);
	background-color: #d64b4b;
	background-repeat: repeat;
	background-attachment: scroll;
}
			h1.ribbon:before,
			h1.ribbon:after {
				content: "";
				position: absolute;
				display: block;
				bottom: -1em;
				border: 1.5em solid #c23a3a;
				z-index: -1;
			}
			h1.ribbon:before {
				left: -2em;
				border-right-width: 1.5em;
				border-left-color: transparent;
				-webkit-box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px;
				-moz-box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px;
				box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px;
			}
			h1.ribbon:after {
				right: -2em;
				border-left-width: 1.5em;
				border-right-color: transparent;
				-webkit-box-shadow: rgba(0, 0, 0, 0.4) -1px 1px 1px;
				-moz-box-shadow: rgba(0, 0, 0, 0.4) -1px 1px 1px;
				box-shadow: rgba(0, 0, 0, 0.4) -1px 1px 1px;
			}
			h1.ribbon > strong {
				display: inherit;
				min-width: 100px;
				margin: 0;
				padding: 2px 30px;
				color: #FFF;
				text-shadow: #000 0 1px 0;
				border-top: 1px dashed rgba(0, 0, 0, 0.2);
				border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
				box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.15), 
							inset 0px -1px 1px rgba(255, 255, 255, 0.15),
							0px 1px 1px rgba(255, 255, 255, 0.1),
							0px -1px 1px rgba(255, 255, 255, 0.15);
			}
			h1.ribbon > strong:before,
			h1.ribbon > strong:after {
				content: "";
				border-color: #871616 transparent transparent transparent;
				position: absolute;
				border-style: solid;
				bottom: -1em;
			}
			h1.ribbon > strong:before {
				left: 0;
				border-width: 1em 0 0 1em;
			}
			h1.ribbon > strong:after {
				right: 0;
				border-width: 1em 1em 0 0;
			}

/*--Flicker feed thumbs---*/
.thumbs { margin: 0 0 0 1px; padding: 0; overflow: hidden; }
.thumbs li { 
	list-style: none; 
	float: left;
	margin: 0 2px 2px 0; 
	padding: 2px; 
	background: none; 
	-moz-box-shadow: 0 0 4px #444; 
	-webkit-box-shadow: 0 0 2px #000; }
.thumbs li a { }
.thumbs li img { display: block; height: 81px;
    width: 81px; }
.thumbs li a img { border:solid 1px #FFF;}

/*---------------------------------------------------------
-----------------Skill Graph--------------------
-----------------------------------------------------------*/
.skill-holder
{
	background: #FFF;
	width: 100%;
	border-radius: 3px;
	padding: 3px;
	color: #FFF;
	height: 15px;
	margin-bottom: 5px;
}
.skillset h4 { font-family: "Open Sans"; padding-left: 3px;}
.skill-green
{
  background: #055695;
}
.skill-blue
{
  background: #1a99aa;
}
.skill-orange
{
  background: #df6c4f;
}
.skill-yellow
{
  background: #ecd06f;
}
.skill-40
{
	width: 40%;
	height: 15px;
}
.skill-50
{
	width: 50%;
	height: 15px;
}
.skill-60
{
	width: 60%;
	height: 15px;
}
.skill-70
{
	width: 70%;
	height: 15px;
}
.skill-80
{
	width: 80%;
	height: 15px;
}
.skill-90
{
	width: 90%;
	height: 15px;
}
.skill-100
{
	width: 100%;
	height: 15px;
}


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

border: solid 1px #DDD;
border-bottom: none;
}
.moksh-tab .active a
{
border-top: 2px solid #055695;
border-bottom: none;
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top,  #e2e2e2 1%, #ffffff 58%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e2e2e2), color-stop(58%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e2e2e2 1%,#ffffff 58%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e2e2e2 1%,#ffffff 58%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e2e2e2 1%,#ffffff 58%); /* IE10+ */
background: linear-gradient(to bottom,  #e2e2e2 1%,#ffffff 58%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 /* IE6-9 */
font-weight: bold;
}

.moksh-tab .active a:hover
{
  border-top: 2px solid #055695;
  border-bottom: none;

	
}


.moksh-tab li a
{
	border-radius: 0;
	border-bottom: none;	
	color: #444444;
}
.moksh-tab li a:hover
{
	border-top: 2px solid #055695;
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top,  #e2e2e2 1%, #ffffff 58%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e2e2e2), color-stop(58%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e2e2e2 1%,#ffffff 58%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e2e2e2 1%,#ffffff 58%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e2e2e2 1%,#ffffff 58%); /* IE10+ */
background: linear-gradient(to bottom,  #e2e2e2 1%,#ffffff 58%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */



}
.tab-pane 
{
	background: #FFF;
	padding:20px;
	min-height: 100px;
	border: 1px solid #DDDDDD;
	border-top: none;
}

/*---------------------------------------------------------
-----------------Process Boxes--------------------
-----------------------------------------------------------*/

.mo-process:after { 
    width: 0; height: 0; 
    border-top: 25px solid transparent; 
    border-left: 25px solid #1A99AA; 
    border-bottom: 25px solid transparent;
    content: "";
    display: block;
    left: 99.5%;
    position: absolute;
    width: 0;
    top: 0;
}
.mo-process
{
    /*background: linear-gradient(#2E88C4, #075698) repeat scroll 0 0 transparent;*/
    background: #1A99AA;
    border-radius:5px 0 5px 5px;
    color: #FFFFFF;
    margin: 1em 0 3em;
    padding: 15px;
    position: relative;
    width: 85%;
    height: 150px;
    text-align: center;
    vertical-align: center;
}
.mo-process-last{ 
    background: #055695;
    border-radius:5px;
    color: #FFFFFF;
    margin: 1em 0 3em;
    padding: 15px;
    position: relative;
    width: 85%;
    height: 150px;
    text-align: center;
    vertical-align: center;
}
.mo-process-last:hover
{ 
	background: #373737;
    -webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.mo-process:hover
{
    /*background: linear-gradient(#2E88C4, #075698) repeat scroll 0 0 transparent;*/
    background: #373737;
    -webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.mo-process:hover:after { 
    border-left-color: #373737; 
    -webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;

}
.mo-pro-ico { font-size:35px; margin-top: 10px;}
.mo-process h3 { color: #FFF; margin:10px 0;}
.mo-process h4 { color: #FFF; margin: 1px 0;}
.mo-process h5 { color: #FFF;  margin: 1px 0;}
.mo-process-last h3 { color: #FFF; margin:10px 0;}
.mo-process-last  h4 { color: #FFF; margin: 1px 0;}
.mo-process-last  h5 { color: #FFF;  margin: 1px 0;}
/*---------------------------------------------------------
-----------------Banner--------------------
-----------------------------------------------------------*/
.banner
{
	width: 99%;
	height: 90px;
	margin: 30px auto 30px auto;
	background: url('../img/banner_bg.png') center left no-repeat #1A99AA ;
	border:solid 1px #FFF;
	box-shadow: 0 0px 4px rgba(0,0,0,0.2),inset 0 0px 2px rgba(0,0,0,0.2);
}
.bn_left
{
	width: 251px;
	height: 50px;
	margin-top: 15px;
	float: left;
}
.bn_left h2 { padding-left: 50px; margin-top: 10px !important;}
.bn_right
{
	float: left;
	height: 50px;
	margin-top: 15px;
	color: #FFF;
}
.bn_right h2 { color: #FFF; margin-top: 10px !important;}

/*---------------------------------------------------------
-----------------Animated scocial icons--------------------
-----------------------------------------------------------*/
.social-anim
{
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	border-bottom: 3px solid #444;
    border-radius: 3px;
	width: 32px;
	height: 32px;
}
.facebook
{
	background: url('../ico/social_sprite.png');
	background-position: 0px 0px;
}
.facebook:hover
{
	background-position: 0px -32px;
}
.twitter
{
	background: url('../ico/social_sprite.png');
	background-position: 0px -64px;
}
.twitter:hover
{
	background-position: 0px -96px;
}
.behance
{
	background: url('../ico/social_sprite.png');
	background-position: 0px -128px;
}
.behance:hover
{
	background-position: 0px -160px;
}
.dribble
{
	background: url('../ico/social_sprite.png');
	background-position: 0px -192px;
}
.dribble:hover
{
	background-position: 0px -224px;
}
.linkedin
{
	background: url('../ico/social_sprite.png');
	background-position: 0px -256px;
}
.linkedin:hover
{
	background-position: 0px -288px;
}
.googleplus
{
	background: url('../ico/social_sprite.png');
	background-position: 0px -320px;
}
.googleplus:hover
{
	background-position: 0px -352px;
}
.pintrest
{
	background: url('../ico/social_sprite.png');
	background-position: 0px -384px;
}
.pintrest:hover
{
	background-position: 0px -416px;
}
/*---------------------------------------------------------
-----------------Accordion Styles--------------------
-----------------------------------------------------------*/
.accordion-heading
{
	background: #FFF;
	border-left: 5px solid #055695;
    box-shadow: inset -1px -1px 0px rgba(0,0,0,0.2);
}

.accordion-heading a
{
	color: #444444;
	text-decoration: none;
	font-weight: 300;
	font-family: "Open Sans";
}
.accordion-heading a:hover
{
  color: #055695;
}
.accordion-inner
{
	background:#FCFCFC;
	border-radius: 0;
}

/*---------------------------------------------------------
-----------------Status Boxes-------------------
-----------------------------------------------------------*/
.statbox
{
	width: 85%;
	margin:5px auto;
	box-shadow: 0 0 0 1px #FFF inset;
	padding: 10px;
	height: 100px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.statbox:hover
{
  /*background:#444444;*/
  box-shadow: 0 0 0 5px #FFF inset,0 1px 4px rgba(0,0,0,0.5);
  padding: 10px;
  	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
  /*box-shadow: 0 1px 4px rgba(0,0,0,0.5);*/	
}

.left-part
{
	float: left;
	color: #FFF;
	height: 95px;
	width: 30%;
	text-align: center;
	padding-top: 30px;
	font-size: 45px;
}
.right-part
{
	float: left;
	height: 110px;
	width: 58%;
    margin-left:10px; 
    padding:5px 10px;
}
.statbox h1
{
	margin:10px 0 0 0 !important;
	color: #FFF;
	padding: 0;
	font-size: 50px;
	font-family: "bariol_regular";
}
.statbox h4 { color: #FFF; font-family: "Open Sans";}

/*Mobile adjust*/

    @media screen and (max-width: 320px) {
.left-part
{
	float: left;
	color: #FFF;
	height: 95px;
	width: 20%;
	text-align: center;
	padding-top: 30px;
	font-size: 45px;
}
.right-part
{
	float: left;
	height: 110px;
	width: 60%;
    margin-left:10px; 
    padding:5px 10px;
}
    }




/*---------------------------------------------------------
-----------------Camera Slider-------------------
-----------------------------------------------------------*/
.fluid_container {
			margin: 0 auto;
			max-width: 1000px;
			width: 100%;
		}
.camera_wrap
{
	/*border: solid 5px #FFF;*/
	box-shadow: 0 0 8px rgba(0,0,0,0.8);
	margin:30px auto 0 auto;
	width: 98%;
	
}
.camera_caption
{
	width: 50% !important;
	margin-bottom:40px;
	margin-left: 2%;
	border-left:solid 10px rgba(255,255,255,0.3);

}		

.camera_wrap_full
{
	/*border: solid 5px #FFF;*/
	margin:0 auto !important;
	width: 100% !important;
	border: none !important;
	box-shadow: none !important;
}
/*---------------------------------------------------------
-----------------bx Slider-------------------
-----------------------------------------------------------*/
/* -- Override bx slider wrapper*/
.bx-wrapper 
{
	margin-bottom: 15px !important;
}
.bx-wrapper .bx-viewport {
    background: none !important;
    box-shadow: 0 0 0px #CCCCCC !important;
    left: 0px;
}
/*---------------------------------------------------------
-----------------Moksh buttons-------------------
-----------------------------------------------------------*/
.mo-button,.mo-button.dark:focus,.mo-button:focus
{
	padding:6px 15px;
	border: none;
	color: #FFF;
	background: #444;
	text-decoration: none;
	border-radius: 3px;
	text-shadow:none;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear;
	
}
.mo-button:hover
{
  color:#FFF;
  text-decoration: none;
}
.mo-button.medium
{
	padding:10px 20px;
	color: #FFF;
	text-decoration: none;
	border-radius: 3px;
}
/*colors*/
.mo-button.dark
{
  	background: #444;
}
.mo-button.color
{
  	background: #055695;
}
.mo-button:hover,.mo-button:focus
{
	background: #055695;
	color:#FFF;
	text-decoration: none;
}
.mo-button.dark:hover,.mo-button.dark:focus,
{
	background: #055695;
	color:#FFF;
	text-decoration: none;
}
.mo-button.color:hover
{
  background: #444;
}
.next-float
{
	position: absolute;
	right: 0;
	top: -42px;
	padding:3px 10px !important;
}
.prev-float
{
	position: absolute;
	right: 26px;
	top: -42px;
		padding:3px 10px !important;
}
/*---------------------------------------------------------
----------------Isotope------------------
-----------------------------------------------------------*/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

/*---------------------------------------------------------
----------------Isotope------------------
-----------------------------------------------------------*/
    .tinynav { display: none; margin:4px auto; width: 50% }
    @media screen and (max-width: 800px) {
      .tinynav { display: block }
      .main-nav { display: none;}
    }

/*---------------------------------------------------------
----------------Search Box------------------
-----------------------------------------------------------*/
    .form-wrapper-02 {
/*        width: 450px;
        padding:4px;
		overflow: hidden;
        margin: 0px auto; */  
    }
	
	.form-wrapper-02 p{
		color: #888888;
		font-family: Cambria,Georgia,serif;
		font-size: 14px;
		font-style: italic;
		font-weight: 300;
		margin: 0;
		padding: 0 0 15px;
		text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);}
    
    #search {
        width: 214px; /*--- we will change this width on hover effect ---*/
        background: url('../img/search.png') #FFF no-repeat center left;
        margin-top: 11px;
        height: 20px;
        padding: 8px 5px 8px 25px;
        float: right;    
        font: bold 14px;
        border:none;
        outline: 0;
        border-bottom: 1px solid #DFDFDF;
/*        -moz-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
        -webkit-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
        box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;*/
/*        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;*/
        border-radius: 0px;
               box-shadow: none;
		-moz-transition:all 1s ease;
		-webkit-transition:all 1s ease;
		-o-transition:all 1s ease;
		-ms-transition:all 1s ease;
		transition:all 1s ease; /*--- These transition effect will give an animated expanding effect to the search box ---*/
    }
    
    #search:focus,
	#search:hover{
        outline: 0;
        border-color: #aaa;
/*        -moz-box-shadow: 0 1px 1px #bbb inset;
        -webkit-box-shadow: 0 1px 1px #bbb inset;
        box-shadow: 0 1px 3px rgba(0,0,0,0.5);*/
        box-shadow: none;
		width:330px; /*--- We have change the width from 100px to 330px ---*/
    }
    
    #search::-webkit-input-placeholder {
       color: #999;
       font-weight: normal;
	   font-size:12px;
	   font-style:italic;
    }
    
    #search:-moz-placeholder {
        color: #999;
        font-weight: normal;
	   font-size:12px;
	   font-style:italic;
    }
    
    #search:-ms-input-placeholder {
        color: #999;
        font-weight: normal;
	   font-size:12px;
	   font-style:italic;
    }    
  

/*---------------------------------------------------------
----------------Boxxed Flaps------------------
-----------------------------------------------------------*/

/*--Above 1024 High resolutions only*/

@media  (min-width: 1024px) and (max-width: 4000px)  {
.boxholder
{
	height: 100px;
	margin:0 auto; width:950px;
}

.box
{
position: absolute;
width:235px;
height:100px;
background:none;
margin-top: 150px;
border-top: solid 2px #CCC;
-moz-transition:height 0.5s, box-shadow 0.5s, margin 0.5s;
-webkit-transition:height 0.5s, box-shadow 0.5s, margin 0.5s;
-o-transition:height 0.5s, box-shadow 0.5s, margin 0.5s;
transition:height 0.5s, box-shadow 0.5s, margin 0.5s;
/*-moz-transition-timing-function:linear;*/
z-index: 999999999;

}
.box figure
{
	text-align: center;
	margin-top: -80px;
}
.box h3
{
	text-align: center;
	color: #596772;
}
.box-intro
{
	text-align: center;;
	margin-top: -15px;
	color: #444 !important;
	padding: 0 10px;
}

.box .text { 
text-align: center;
padding: 0px;
height: 0;
opacity: 0;
margin-left: 0;
display: none;
-webkit-transition: all 0.9s cubic-bezier(0.32, 0.22, 0.35, 0.98); 
-webkit-transition-delay: 0; 
-moz-transition: all 0.9s ease-in; 
 -o-transition: all 0.9s cubic-bezier(0.32, 0.22, 0.35, 0.98) 0; 
 transition: all 0.9s cubic-bezier(0.32, 0.22, 0.35, 0.98) 0;
} 
.box:hover
{
height:350px;
margin-top: -50px;
box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.9); 
background:#FFF;
text-decoration: none;
}
.box:hover p{
	display: block;
}
.box:hover .box-intro{
	display: none;
}
.box:hover .text
{
opacity: 1;
display: block;
height: 100px;
padding:10px;
-webkit-transition-duration: 0.9s; 
-moz-transition-duration: 0.9s; 
-o-transition-duration: 0.9s; 
transition-duration: 0.9s; 
-webkit-transition-delay: 500ms; 
-moz-transition-delay: 500ms; 
-o-transition-delay: 500ms; 
transition-delay: 500ms;
}

.box:nth-child(1)
{
	margin-left:10px;
	border-top: solid 4px #fb5f2f;
}

.box:nth-child(2)
{
	margin-left:245px;
	border-top: solid 4px #049b44;
}

.box:nth-child(3)
{
	margin-left:480px;
	border-top: solid 4px #f6ac0c;
}
.box:nth-child(4)
{
	margin-left:715px;
    border-top: solid 4px #0b98c6;
}



/*.one
{
	margin-left:10px;
	border-top: solid 4px #fb5f2f;

}
.two
{
	margin-left:245px;
	border-top: solid 4px #049b44;

}
.three
{
	margin-left:480px;
	border-top: solid 4px #f6ac0c;
}
.four
{
	margin-left:715px;
    border-top: solid 4px #0b98c6;
}*/

}

/*--Below 800 - 1024 resolutions only*/


@media  (min-width: 800px) and (max-width: 1024px)  {
.boxholder
{
	height: 100px;
	margin:0 auto; 
	width:100%;
}

.box
{
position: absolute;
width:235px;
height:100px;
background:none;
margin-top: 100px;
border-top: solid 2px #CCC;
-moz-transition:height 0.5s, box-shadow 0.5s, margin 0.5s;
-webkit-transition:height 0.5s, box-shadow 0.5s, margin 0.5s;
-o-transition:height 0.5s, box-shadow 0.5s, margin 0.5s;
transition:height 0.5s, box-shadow 0.5s, margin 0.5s;
/*-moz-transition-timing-function:linear;*/
z-index: 999999999;

}
.box figure
{
	text-align: center;
	margin-top: -80px;
}
.box h3
{
	text-align: center;
	color: #596772;
		display: none;
}
.box-intro
{
	text-align: center;;
	margin-top: -15px;
	color: #444 !important;
	padding: 0 10px;
	display: none;
}

.text { 
text-align: center;
color: red;
padding: 0px;
height: 0;
opacity: 0;
margin-left: 0;
display: none;
-webkit-transition: all 0.9s cubic-bezier(0.32, 0.22, 0.35, 0.98); 
-webkit-transition-delay: 0; 
-moz-transition: all 0.9s ease-in; 
 -o-transition: all 0.9s cubic-bezier(0.32, 0.22, 0.35, 0.98) 0; 
 transition: all 0.9s cubic-bezier(0.32, 0.22, 0.35, 0.98) 0;
} 
.box:hover
{
height:350px;
margin-top: -50px;
box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.9); 
background:#FFF;
text-decoration: none;
}
.box:hover p{
	display: block;
}
.box:hover h3{
	display: block;
}
.box:hover .box-intro{
	display: none;
}
.box:hover .text
{
opacity: 1;
display: block;
height: 100px;
padding:10px;
-webkit-transition-duration: 0.9s; 
-moz-transition-duration: 0.9s; 
-o-transition-duration: 0.9s; 
transition-duration: 0.9s; 
-webkit-transition-delay: 500ms; 
-moz-transition-delay: 500ms; 
-o-transition-delay: 500ms; 
transition-delay: 500ms;
}

.box:nth-child(1)
{
	margin-left:10px;
	border-top: solid 4px #fb5f2f;
}

.box:nth-child(2)
{
	margin-left:245px;
	border-top: solid 4px #049b44;
}

.box:nth-child(3)
{
	margin-left:480px;
	border-top: solid 4px #f6ac0c;
}
.box:nth-child(4)
{
	margin-left:715px;
    border-top: solid 4px #0b98c6;
}





/*.one
{
	margin-left:10px;
	border-top: solid 4px #fb5f2f;

}
.two
{
	margin-left:245px;
	border-top: solid 4px #049b44;

}
.three
{
	margin-left:480px;
	border-top: solid 4px #f6ac0c;
}
.four
{
	margin-left:715px;
    border-top: solid 4px #0b98c6;
}*/

}


@media  (min-width: 640px) and (max-width: 800px)  {
.boxholder
{
	height: 100px;
	margin:0 auto; width:100%px;
}

.box
{
position: absolute;
width:185px;
height:100px;
background:none;
margin-top: 100px;
border-top: solid 2px #CCC;
-moz-transition:height 0.5s, box-shadow 0.5s, margin 0.5s;
-webkit-transition:height 0.5s, box-shadow 0.5s, margin 0.5s;
-o-transition:height 0.5s, box-shadow 0.5s, margin 0.5s;
transition:height 0.5s, box-shadow 0.5s, margin 0.5s;
/*-moz-transition-timing-function:linear;*/
z-index: 999999999;

}
.box figure
{
	text-align: center;
	margin-top: -80px;
}
.box h3
{
	text-align: center;
	color: #596772;
		display: none;
}
.box-intro
{
	text-align: center;;
	margin-top: -15px;
	color: #444 !important;
	padding: 0 10px;
	display: none;
}

.box dd { 
text-align: center;
padding: 0px;
height: 0;
opacity: 0;
margin-left: 0;
display: none;
-webkit-transition: all 0.9s cubic-bezier(0.32, 0.22, 0.35, 0.98); 
-webkit-transition-delay: 0; 
-moz-transition: all 0.9s ease-in; 
 -o-transition: all 0.9s cubic-bezier(0.32, 0.22, 0.35, 0.98) 0; 
 transition: all 0.9s cubic-bezier(0.32, 0.22, 0.35, 0.98) 0;
} 
.box:hover
{
height:350px;
margin-top: -50px;
box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.9); 
background:#FFF;
text-decoration: none;
}
.box:hover p{
	display: block;
}
.box:hover h3{
	display: block;
}
.box:hover .box-intro{
	display: none;
}
.box:hover dd
{
opacity: 1;
display: block;
height: 100px;
padding:10px;
-webkit-transition-duration: 0.9s; 
-moz-transition-duration: 0.9s; 
-o-transition-duration: 0.9s; 
transition-duration: 0.9s; 
-webkit-transition-delay: 500ms; 
-moz-transition-delay: 500ms; 
-o-transition-delay: 500ms; 
transition-delay: 500ms;
}

.box:nth-child(1)
{
	margin-left:5px;
	border-top: solid 4px #fb5f2f;
}

.box:nth-child(2)
{
	margin-left:185px;
	border-top: solid 4px #049b44;
}

.box:nth-child(3)
{
	margin-left:370px;
	border-top: solid 4px #f6ac0c;
}
.box:nth-child(4)
{
	margin-left:555px;
    border-top: solid 4px #0b98c6;
}


/*
.one
{
	margin-left:5px;
	border-top: solid 4px #fb5f2f;

}
.two
{
	margin-left:185px;
	border-top: solid 4px #049b44;

}
.three
{
	margin-left:370px;
	border-top: solid 4px #f6ac0c;
}
.four
{
	margin-left:555px;
    border-top: solid 4px #0b98c6;
}*/

}



/*--Below  768 or mobile resolutions only--*/
@media  (min-width: 200px) and (max-width: 640px)  {
	
     .box { display: none;}
	}