@charset "utf-8";
/*--[General CSS]--*/
img, a img{border:none; outline:none;}
p{margin:0; padding:10px 0;}
.clear{clear:both;}
.gap{clear:both; height:20px;}
.left{float:left; width:auto;}
.right{float:right; width:auto;}
img.alignleft,  .alignleft{float:left; margin:10px 15px 10px 0;}
img.alignright, .alignright{float:right; margin:10px 0 15px 10px;}
img.aligncenter, .aligncenter{display:block; margin:0 auto;}
img.alignleft,
img.alignright,
img.aligncenter{border:solid 1px #ddd; padding:4px;}
img{max-width:100%;height:auto;}
iframe,
embed,
object {max-width: 100%;}
span.icon
	{
		font-family: 'FontAwesome';
		display:inline-block;
		margin-right:5px;
	}	
.back-top
	{
		position:fixed;
		right:20px;
		bottom:100px;
		z-index:100;
	}
.back-top a
	{
		display:inline-block;
		background:#ff008f;
		box-shadow:0 0 3px rgba(0,0,0,0.2);
		border-radius:5px;
		color:#fff;
		height:44px; width:44px;
		line-height:44px;
		text-align:center;
	}	
.back-top a:hover{color:#000;}	
/*--[Default]--*/
/*--[Header]--*/
div#logo
	{
		float:left;
		width:auto;
		padding:10px 0;
	}
div.mes
	{
		float:right;
		text-align:right;
		color:#fff;
		width:48%;
	}
div.mes p
	{
		font-size:30px;
		font-weight:300;
		font-family: 'Josefin Slab', serif;
		padding:20px 0;
		line-height:42px;
	}
/*--[Slider]--*/
#slider
	{
		clear:both;
		height:400px;
		/*width:978px;*/
		position:relative;
		overflow:hidden;	
	}
#slider img{display:block;}	
#live-sites,	
.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;
  }
a.rslides_nav
	{
		background:#333;
		color:#fff;
		display:block;
		font: 20px/30px 'FontAwesome';
		height:30px;
		position:absolute;
		bottom:20px;
		text-align:center;
		width:30px;
		z-index:100;;
	}				
a.rslides_nav.prev{right:45px;}
a.rslides_nav.next{right:10px;}
/*--[Footer]--*/
p.copy{float:left;}
p.design{float:right;}
/*--[Post]--*/
div.post-block
	{
		display:block;
	}
div.post-block article.post
	{
	border-radius: 5px;
    color: #fff;
    /*width: 24%;*/
   /* margin-right: 5px;*/
   /* height: 108px;*/
    overflow: hidden;
    /*float: left;*/
    transition: all 0.2s linear;
    position: relative;
	}
.green{background:#9bd221;}
.blue{background:#00d7e3;}
.pink{background:#ff008f;}
div.post-block article.post:last-child{margin-right:0;}
div.post-block article.post a
	{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
	}
div.post-block div.thumb
	{
		float: left;
height: 100px;
overflow: hidden;
margin-right: 0px;
transition: all 0.2s linear;
	}
div.post-block div.thumb span
	{
		    display: block;
    color: #fff;
    font-size: 15px;
    height: 35px;
    width: 35px;
    border: solid 3px #fff;
    border-radius: 100%;
    text-align: center;
    line-height: 36px;
    margin: 15px 7px;
    transition: all 0.2s linear;
}
	
div.post-block h2
	{
		font-size:17px;
		font-family: 'Fjalla One', sans-serif;
		font-weight:400;
		margin-top: 3%;
	}
div.post-block h2 a{color:#fff;}
div.post-block p{padding:0;}
div.post-block article.post:hover,
div.post-block article.post:hover h2 a,
div.post-block article.post:hover span,
div.post-block h2 a:hover{color:#000;}
div.post-block article.post:hover span{border-color:#000;}
.consulting-data
	{
		/*float:left;
		margin-left:365px;*/
		padding-top:40px;
	}
section#consulting h2
	{
		font-size:55px;
		font-weight:300;
	}
section#consulting p{color:#333; font-size:18px; line-height:normal; margin-bottom:10px;}
section#consulting a
	{
		border-radius:5px;
		background:#ffcb00;/*ff008f*/
		box-shadow:2px 2px 0 rgba(0,0,0,0.9);
		display:inline-block;
		color:#fff;
		font-weight:700;
		font-size:25px;
		text-transform:uppercase;
		padding:15px 20px;
	}
section#consulting a:hover{background:#444;}
section#consulting a span{float:left;}
section#consulting a span.icon
	{
		margin-right:10px;
		line-height:40px;
		font-size:18px;
	}
.testimonials{position:relative;}
.testimonials h2{text-align:center; padding:30px 0;}
div#testimonial-slider div.post
	{
		height:230px;
		width:1000px;
		float:left;
		overflow:hidden;
	}
div#testimonial-slider p
	{
		font-family: 'Josefin Slab', serif;
		font-size:30px;
		line-height:normal;
		font-style:italic;
		color:#000;
		font-weight:300;
		text-align:center;
	}
div#testimonial-slider span.author
	{
		display:block;
		clear:both;
		text-align:center;
		color:#000;
		font-weight:700;
	}
#foo2_pag{clear:both; text-align:center; width:100%;}
#foo2_pag a
	{
		display:inline-block;
		background:#fff;
		border:solid 2px #666;
		border-radius:100%;
		height:15px; width:15px;
		font-size:0;
		text-indent:-9999px;
		margin-right:3px;
	}
#foo2_pag a.selected{border:solid 2px #ff008f;}
.testimonials span.quote
	{
		position:absolute;
		top:50px;
		left:0;
		color:#ff00f8;
		display:inline-block;
		font-size:100px;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
div.service-block h2{text-align:center;margin-bottom:40px;}
div.service-block article.post
	{
		/*float:left;
		width:32%;*/
		margin:0 20px 20px 0;
		transition: all 0.2s linear;
	}
div.service-block article.post:nth-child(3n){margin:0 0 20px 0;}
div.service-block article.post div.digit
	{
		background:#00d7e3;
		border-radius:100%;
		color:#fff;
		float:left;
		font-family: 'Fjalla One', sans-serif;
		font-size:18px;
		line-height:40px;
		margin-right:10px;
		text-align:center;
		height:40px;
		width:40px;
		transition: all 0.2s linear;
	}
div.service-block article.post:hover div.digit{background:#ff008f;}
div.service-block article.post h3 a{color:#333;}
div.service-block article.post:hover h3 a,
div.service-block article.post h3 a:hover{color:#ff008f;}
/*--[sidebar]*/
div.side-box{display:block; margin-bottom:20px;}
#quick-form
	{

	}
	
#time h2,
.day
	{
		color:#fff;
		text-align:center;
	}
#time h2
	{
		display:block;
		background:#ff008f;
		border-radius:5px 5px 0 0;

	}
.day
	{
		background:#f946ab;
		border-radius:0 0 5px 5px;
		padding:5px;
	}
.day p
	{
		font-weight:700; padding:5px 0; font-size:15px;
	}
/*--[Footer]--*/
div.f-block
	{float:right;}
div.f-block h3{color:#999; text-transform:uppercase;}	
#info{/*width:520px;*/ margin-right:30px;}
.f-contact{/*width:450px;*/} 
.f-contact ul{margin:0; padding:20px 0; list-style:none;}
.f-contact ul li{margin-bottom:5px; padding-bottom:5px; overflow:hidden; font-size:16px; line-height:26px;}
.f-contact ul li span
	{
		float:left;
		width:40px;
	}
.f-contact ul li p{overflow:hidden; padding:0;}
.f-contact ul li strong{text-transform:uppercase; color:#fff;}

div.quote
	{
		border:solid;
		border-width:1px 1px 1px 3px;
		border-color:#ddd #ddd #ddd #ff008f;
		color:#333;
		font-weight:700; font-size:15px;
		line-height:26px;
		padding:10px 20px;
		margin:10px auto;
		width:80%;
	}
div.quote p{text-align:center;}
blockquote
	{
		margin:0 0 20px 0;
		padding:10px 30px 10px 10px;
		border:solid 1px #ddd;
		position:relative;
	}
blockquote span.quote
	{
		background:#ff008f;
		border-radius:100%;
		color:#fff;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:40px;
		line-height:60px;
		text-align:center;
		height:40px;
		width:40px;
		position:absolute;
		left:-20px;
		top:10px;
	}
blockquote p{overflow:hidden; margin-left:30px;}
blockquote div.author
	{
		text-align:right;
		display:block;
		font-weight:700;
	}
blockquote div.author > span{font-weight:400; display:block;}
.page-content ul
	{
		margin: 0;
    padding: 0 0 0 20px;
    list-style: none;
	}
.page-content ul li{margin-bottom:5px;}
.page-content ul li:before { 
    content: "\f101";
    font-family: 'FontAwesome'; 
		color:#ff008f;
		font-size:15px; 
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    position: relative;
}	
.team-block{display:block; padding:20px 0;}
.team-box,
.tech-box
	{
		float:none;
		box-shadow:0 0 3px rgba(0,0,0,0.2);
		border:solid 3px #7bccc3;
		margin-bottom:15px;
		position:relative;
		overflow:hidden;
		width:auto;
		text-align: center;
	}
.team-box{height:210px;}
.tech-box{height:144px;}
.team-box:nth-child(3n),
.tech-box:nth-child(3n)
	{margin:0 0 20px 0;}

.team-box img,
.tech-box img
	{
		display:block; width:100%;
		transition: all 0.2s linear;
	}
	
.team-box div.team-info,
.tech-box div.team-info
	{
		position:absolute;
		background:rgb(255,0,143);
		background:rgba(255,0,143,0.7);
		color:#fff;
		top: 0; left: 0; bottom: 0; right: 0;
		height:100%;
		width:100%;
		margin: auto;
		-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";  
		filter: alpha(opacity=0);
		opacity:0;
		transition: all 0.4s ease-in-out;
	}
.team-box:hover div.team-info,
.tech-box:hover div.team-info
	{
		-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";   
		filter: alpha(opacity=100);
		opacity:1;
	}
.team-box:hover img,
.tech-box:hover img
	{
		-webkit-transform: scale(1.1,1.1);   
		-moz-transform: scale(1.1,1.1);   
		-o-transform: scale(1.1,1.1);   
		-ms-transform: scale(1.1,1.1);   
		transform: scale(1.1,1.1);
	}
.team-box div.team-info > div.inner,
.tech-box div.team-info > div.inner
	{
		position:relative;
		display: table-cell; vertical-align: middle; text-align: center;
	}
.tech-box div.team-info > div.inner{display:table; height:100%; width:100%;}
.team-box div.team-info > div.inner{height:210px;}
.team-box div.team-info p{text-align:center; padding:0 20px;} 
.team-box h2, .tech-box h2{color:#fff;}
.tech-box h2 {
    display: table-cell;
    line-height: normal;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.team-box div.team-info a,
.tech-box div.team-info a
	{
		position:absolute;
		z-index:2;
		height:100%; width:100%;
		top:0; left:0;
	}
.team
	{
		display:block;
		overflow:hidden;
	}
.team > div.thumb
	{
		float:left;
		width:150px;
		height:150px;
		overflow:hidden;
		box-shadow:0 0 3px rgba(0,0,0,0.2);
		border:solid 3px #ff008f;
		margin:0 20px 0 0;
	}
.team ul{clear:both;}
/*.address{float:left; width:350px;}*/
.map
	{
		clear:both; padding:4px;
		border:solid 1px #ccc;
		box-shadow:0 0 3px rgba(0,0,0,0.2);
		position: relative;
		overflow: hidden;
		height:350px;
	}

.map iframe
	{
		display:block; 
		width:100%; 
		height:100%;
	}
.tips{}
div.tip-box
	{
		background:url("../images/pushpin.png") no-repeat 0 0;
		margin:0 10px 0 0;
		height:145px;
		width:190px;
		line-height:normal;
		position:relative;
		float:left;
		text-align:center;
	}	
div.tip-box:nth-child(5n){margin:0 0 0 0;}
div.tip-box p {
    color: #ff008f;
    display: inline-block;
    float: left;
    font-family: 'Josefin Slab',serif;
    font-size: 20px;
    font-weight: 700;
    margin-left: 14px;
    margin-top: 40px;
    padding: 0;
    text-align: center;
    width: 130px;
}
div.tip-box a
	{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
div.tip-box i
	{
		color:#ff008f;
		display:none;	
		font-size:35px;
		position:absolute;
		top:-20px;
		left:40%;
	}
ol.tip li label{float:right;}
ol.tip li span{display:inline-block; width:60px;}
div.accordion{display:block;}
div.accordion h2.trigger
	{
		background:#ddd;
		border-radius:3px;
		cursor:pointer;
		padding:5px 10px;
		margin:0 0 1px 0;
	}
div.accordion h2.trigger.active
	{
		background:#ff008f;
		color:#fff;
	}
div.accordion-content
	{
		display:none;
		clear:both;
		border:solid #ddd;
		border-width:0 1px 1px 1px;
		margin-bottom:10px;
		padding:10px;
	}

/*********2nd nov********/

 	.video_outer embed, .video_outer iframe {
        margin: 40px 0px;
    }

    .video_outer embed, .video_outer iframe {
        width: 100%;
        height: 430px;
    }
    .video_outer {
        background: #f7f7f7;
        box-shadow: 6px 6px 23px -3px #ccc;
    }

/*****************responsive**********/
	@media only screen and (max-width :1200px){
			.memeberShip img, .FellowShip img {
			    width: 114px;
			}
			.memeberShip h2, .FellowShip h2{
				font-size: 18px;
			}
			div.post-block article.post {
			    height: 108px;
			}
			div.post-block p {	
			    line-height: 17px;
			}
			section#consulting h2 {
			    font-size: 37px;
			}
			.video_outer embed, .video_outer iframe {
			    margin: 21px 0px;
			}
			section#services {
			    padding: 16px 0;
			}
			div.service-block h2 {
			    margin-bottom: 14px;
			}
			div.service-block article.post {
			    min-height: 242px;
			}
	}

	@media only screen and (max-width :992px){
		div.f-block {
			    float: none;
			}
		section#consulting a span {
		    text-align: left;
		}
		section#consulting h2 {
		    text-align: center;
		}
		section#consulting {
		    height: auto;
		}
		section#consulting a {
		    margin-bottom: 20px;
		}
		section#consulting h2 {
		    font-size: 40px;
		}
		.button_app {
		    text-align: center;
		}
		div.post-block article.post {
		    height: 116px;
		    margin-bottom: 10px;
		}
		.memeberShip img, .FellowShip img {
    		width: 80px;
		}
		.memeberShip h2, .FellowShip h2{
			font-size: 14px;
		}
		/*body {
    		background-size: cover;
    		background-position: 100% -405px;
		}*/
		.mem-fellow div {
		    padding: 0;
		}
		div.mes {
		    width: 40%;
		}
		/*.mem-fellow {
	        margin: 12px 15px 0;
		}*/
		div.mes p {
		    font-size: 22px !important;
		    line-height: 30px !important;
		}
		div.service-block article.post div.digit {
		    font-size: 14px;
		    margin-right: 7px;
		    height: 35px;
		    width: 35px;
		}
		article.post h3 {
		    font-size: 16px;
		}
		blockquote p {
		    font-size: 14px;
		    line-height: 22px;
		}
		.tech-box {
			height: 100px;
		}
		.tech-box h2 {
			font-size: 16px;
		}
}
	@media only screen and (min-width : 1px) and (max-width :767px){
		div.header {
		    height: auto !important;
		}
		div.service-block article.post {
		    min-height: unset;
		}
		div.mes {
		    float: none;
		    width: auto;
		    text-align: center;
		}
		div.mes p {
    		display: inline-block;
		}
		
		.FellowShip {
		    text-align: left;
		}
		/*body {
    		background-size: cover;
    		background-position: 100% -163px;
		}*/
		.FellowShip img {
    		margin-bottom: 12px;
		}
		#slider {
		    height: auto;
		}
		div.post-block article.post {
		    height: 116px;
		    margin-bottom: 10px;
		}
		div.post-block p {
		    font-size: 12px;
		    line-height: 14px;
		}
		.consulting-data {
		    padding-top: 20px;
		}
		section#consulting h2 {
		    font-size: 34px;
		}
		section#consulting a {
		    font-size: 18px;
		    padding: 4px 12px;
		    margin-bottom: 20px;
		}
		.video_outer embed, .video_outer iframe {
	        margin: 17px 0px;
	    }
	   		div.service-block article.post {
		    margin: 0 20px 10px 0;
		}
		p.design, p.copy{
			float: none;
			text-align: center;
			padding: 3px;
		}
		div.tip-box {
		    width: 173px;
		}
		.collapse.in .custom_nav {
		    list-style: none;
		    background: #373737;
		    position: absolute;
		    width: 75%;
		    z-index: 999;
		    margin-left: -15px;
		    right: 0;
		}
		.collapse.in ul.custom_nav li {
		    float: none;
		    margin-right: 2px;
		    display: block;
		    text-align: left;
		}
		aside {
		    float: none;
		    width: 100%;
		}
		

	}
	@media only screen and (max-width : 600px){
		.memeberShip img, .FellowShip img {
    		width: 55px;
		}
	}
	@media only screen and (min-width : 1px) and (max-width : 479px){
		.memeberShip img, .FellowShip img {
    		width: 46px;
		}
		.memeberShip h2, .FellowShip h2 {
		    font-size: 11px;
		}
		#logo img {
		    width: 260px;
		}
		section#consulting h2 {
		    font-size: 24px;
		}
		section#consulting a span {
		    font-size: 14px;
		    line-height: 17px;
		}
		div.tip-box {
		    float:none;
		    background-size: cover;
		    background-position: center center;
		    transform: translateX(50%);
		}

	}
	.query-form input[type=email]{
		width: 40%;
	}
	
.flabel li {
   width: 100%;
   float: left;
}
.flabel li label {
   width: 20%;
   float: right;
}