body {

	background:#f0f0f1;

	font-size:14px;

	font-family: 'Lato', sans-serif;

	color:#999999;

}

a, a:visited {

	text-decoration: none;

	outline: 0;

}

a:hover, a:focus {

	text-decoration:none;

	-webkit-transition: all 0.35s ease;

	-moz-transition: all 0.35s ease;

	-o-transition: all 0.35s ease;

	transition: all 0.35s ease;

}

p a, p a:visited {

	line-height: inherit;

}



/* ========= Typography =========== */

h1, h2, h3{font-weight:300 !important; line-height:inherit; margin-top:0;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

h1 { font-size: 26px; line-height: 28px; margin-bottom: 14px; }

h2 { font-size: 20px; line-height: 24px; margin-bottom: 10px; color:#303030; }

h3 { font-size: 18px; line-height: 22px; margin-bottom: 8px; color:#303030; }

h4 { font-size: 16px; line-height: 18px; margin-bottom: 4px; color:#999; }

h5 { font-size: 15px; line-height: 18px; color:#999;}

h6 { font-size: 14px; line-height: 18px; color:#999;}

.tooltip.in {

	background:none;

}

.no-margin{

	margin:0;

}



.fullwidthbanner-container {overflow: visible; padding: 0; position: relative; width: 100% !important; margin:0 0 50px 0; }

.fullwidthbanner {position:relative; overflow:hidden;}



/* ========= End =========== */

.pos-relative{

	position:relative;

	overflow:hidden;

}

.top-bar{

	box-shadow:0 0 25px rgba(0, 0, 0, 0.2);

	-webkit-box-shadow:0 0 25px rgba(0, 0, 0, 0.2);

	-moz-box-shadow:0 0 25px rgba(0, 0, 0, 0.2);

	-o-box-shadow:0 0 25px rgba(0, 0, 0, 0.2);

	padding:15px 0;

	color:#FFF;

	margin:0 0 40px 0;

}

.social-icons a{

	color:#FFF;

	font-size:18px;

	margin-left:8px;

}

.social-icons a:hover{

	color:#333;

}



.nav-wrap{

	max-width:960px;

	margin:0 auto;

	background:#303030;

	position:relative;

	padding:10px;

	z-index:100;

}

.nav-wrap:before{

	background:url(../images/nav_shadow.png) no-repeat bottom left;

	position:absolute;

	content:'';

	width:125px;

	height:108px;

	left:-8px;

	bottom:-8px;

	z-index:-1;

}


/* ========= Bodycontent Style =========== */

.body-wrap{

	box-shadow:0 0 20px rgba(0, 0, 0, 0.2);

	-moz-box-shadow:0 0 20px rgba(0, 0, 0, 0.2);

	-webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.2);

	-o-box-shadow:0 0 20px rgba(0, 0, 0, 0.2);	

	max-width:980px;

	margin:40px auto;

	padding:30px 0 0 0;

	position:relative;

	background:#FFF;

	min-height:500px;

}

.inner-body{

	padding:0 10px;

}



.body-wrap:before, .body-wrap:after{	

	position:absolute;

	content:'';

	width:34px;

	height:500px;	

	top:0;

	z-index:-1;

}

.body-wrap:before{

	background:url(../images/shadow_right.png) no-repeat top left;

	right:-25px;

}

.body-wrap:after{

	background:url(../images/shadow_left.png) no-repeat top left;

	left:-25px;

}

/* ========= End =========== */	



/* ========= Service Style =========== */

.warp-services h2{

	font-weight:300;

	text-transform:capitalize;

	color:#333333;

}

.warp-services h2 .wrap-icon{

	border-radius:50px;

	height:50px;

	width:50px;

	margin-right:5px;

	background:#303030;

	color:#FFF;

	display:inline-block;

	line-height:50px;

	text-align:center

}



/* ========= End =========== */	



/* ========= Home Hero Unit Style =========== */

.hero-unit {

    background-color: #F3F3F3;

    border-radius: 0;

    color: inherit;

    font-size: 16px;

    font-weight: 200;

    line-height: 26px;

    margin-bottom: 30px;

    padding: 20px 30px;

}

.hero-unit h1{

	font-size:24px;

	font-weight:400;

	margin-bottom:15px;

}

/* ========= End =========== */	



/* ========= About Page Style =========== */

.team-wrap{

	background:#303030;

	padding:15px;

}

.team-name{

	float:left;

	font-size:16px;

	color:#FFF;

}

.team-wrap p{

	margin-top:15px;

}

.team-name span{

	display:block;

	font-size:14px;

	font-weight:400;

	font-style:italic;

	color:#bbbbbb;

}

.team-icons {

    float: right;

    padding: 9px 0 0;

}

.team-icons ul{

	list-style-type:none;

	margin:0;

}

.team-icons ul li{

	display:inline-block;

	padding-left:5px;

}

.team-icons ul li a{

	color:#cacaca;

	font-size:16px;

}

.team-icons ul li a:hover{

	color:#FFF;

}

/* ========= End =========== */



/* ========= Portfolio Style =========== */

.portfolio-single{

	font-size:24px;

	font-weight:700;

	color:#434250;

	padding-top:8px;

}

#content{

	margin-bottom:20px;

}

/* Sorting Portfolio */

.isotope-item {

	z-index:2

}

.isotope-hidden.isotope-item {

	pointer-events:none;

	z-index:1

}

.isotope, .isotope .isotope-item {

	-webkit-transition-duration:.8s;

	-moz-transition-duration:.8s;

	-ms-transition-duration:.8s;

	-o-transition-duration:.8s;

	transition-duration:.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;

}

.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

}

/*.row-fluid #content [class*="span"]:nth-child(3n) {

   margin-left: 0;

}*/

.two-col .isotope-item, .three-col .isotope-item, .four-col .isotope-item {

    display: inline;

    float: left;

    padding: 1%;

    width: 48%;

}

.two-col .isotope-item{

    width: 48%;

}

.three-col .isotope-item {

    width: 31.31%;

}

.four-col .isotope-item {

    width: 23%;

}

#portolfio-filter {

	margin:0 0 30px 0;

	padding:0;

	text-align:center;

}

#portolfio-filter ul {

	margin:0;

	background:#f0f0f1;

	display:inline-block;

	padding:15px 20px;

	border-radius:3px;

}

#portolfio-filter li {

	display: inline-block;

	padding:0 5px 0 0;

	text-transform:uppercase;

	margin:0;

	font-weight:400;

	font-size:14px;

}

#portolfio-filter li:last-child{

	display: none;

}

#portolfio-filter a {

	color: #434250;

	display: inline-block;

	margin:0;	

}

.port-details{

	list-style-type:none;

	margin:0 0 15px 0;

}

.port-details li{

	margin:0 0 8px 0;

	padding:0 0 8px 0;

	border-bottom:1px solid #ebebeb;

}

.port-details li strong{

	color:#434250;

	margin-right:4px;

}

#content .portfolio-wrap{

	margin-bottom:30px;

}



/* ========= End =========== */



footer{

	background:#303030;

	padding:25px 0;

	margin-top:40px;
	
	color: #999999;
}

footer h3{

	font-size:16px;

	margin-bottom:18px;

}

footer a:hover{

	color:#999;

}

.office-info {

	position:relative;

	padding:0 0 15px 0px;

	line-height:24px;

}

footer .office-info strong {

	color:#FFF;

}

.copyrights{

	padding:20px 0;

	color:#FFF;

}
.icon-wrap-foot{
	float: left;
	width: 55px;
}
.icon-wrap-foot [class^="icon-"], .icon-wrap [class*=" icon-"], .icon-wrap-foot i {

	width:40px;

	left:0;

	top:-3px;

	height:40px;

	line-height:40px;

	text-align:center;

	color:#FFF;

	display:inline-block;

	float:left;

	margin-right:15px;

	font-size:20px;

	background:#202020;

}

.office-txt {

	overflow:hidden;

}





/* Smaller than standard 960 (devices and browsers) */

@media only screen and (max-width: 959px) {

	

}



/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {

/*.main-wrapper{max-width:784px;}*/

	.callout .cll_left{

		width:81%;

	}

	.nav-wrap{

		max-width:710px;

	}

	.body-wrap{

		max-width:730px;

		padding:30px 0 0 0;

	}

	.warp-services h2 .wrap-icon{

		float:left;

	}



}



/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {

	body {

		margin:0;

		padding:0;

	}

	.sf-menu > li.current > a, .sf-menu > li > a:hover, .sf-menu > li.sfHover > a, .sf-menu > li.current > a{background:none;}

	.mean-nav .sf-menu ul{position:relative; top:0; background:none;}

	.mean-nav .sf-menu ul li{border-bottom:0px;}

	.mean-nav .sf-menu{background:#303030;}

	.mean-nav .sf-menu ul ul{left:0;}

	.mean-nav .sf-menu ul li a.mean-expand{padding:11px 24px 12px 24px !important}

	.container {

		width: 300px;

		margin:0 auto;

	}

}



/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {

	body {

		margin:0;

		padding:0;

	}

	/*.main-wrapper{max-width:480px;}*/

	.header-top .text-right {

		text-align:left;

	}

	.container {

		width: 420px;

	}

	.logo, .copyrights {

		text-align:center;

	}

	.nav-wrap{

		max-width:410px;

	}

	.body-wrap{

		max-width:430px;

	}

	.inner-body{

		padding:0 20px;

	}

	.top-bar{

		text-align:center;

	}

	.top-bar, .top-bar .text-right{

		text-align:center;

	}

	.social-icons{

		padding-top:10px;

	}	

	.callout .cll_right {

		float: left;

	}

	.warp-services, footer h3{

		margin-top:18px;

	}

	.port-text{

		margin-bottom:20px;

	}

	.recen-work .port-text{

		margin:0;

	}

	#back-top.text-right{

		text-align:center;

		padding-top:10px;

	}

	.mean-container .sf-menu > li.current > a:before, .sf-menu > li > a:hover:before, .sf-menu > li.sfHover > a:before, .sf-menu > li.current > a:before{

		display:none;

	}

	.breadcrumbs-links{

		text-align:left;

		margin-top:10px;

	}

	.pad-bot {

		margin-bottom: 20px;

	}

	.two-col .isotope-item, .three-col .isotope-item, .four-col .isotope-item{

		width:100%;

	}

}





/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px) {

	body {

		margin:0;

		padding:0;

	}

	.container{

		width:300px;

	}

	.logo, .copyrights {

		text-align:center;

	}

	#nav, #nav ul li span {

		display: none

	}

	.top-bar, .top-bar .text-right{

		text-align:center;

	}

	.nav-wrap{

		max-width:250px;

	}

	.body-wrap{

		max-width:270px;

	}

	.inner-body{

		padding:0 20px;

	}

	.social-icons{

		padding-top:10px;

	}	

	.callout .cll_right {

		float: left;

	}

	.warp-services, footer h3{

		margin-top:18px;

	}

	.port-text{

		margin-bottom:20px;

	}

	.recen-work .port-text{

		margin:0;

	}

	#back-top.text-right{

		text-align:center;

		padding-top:10px;

	}

	.mean-container .sf-menu > li.current > a:before, .sf-menu > li > a:hover:before, .sf-menu > li.sfHover > a:before, .sf-menu > li.current > a:before{

		display:none;

	}

	.breadcrumbs-links{

		text-align:left;

		margin-top:10px;

	}

	.pad-bot {

		margin-bottom: 20px;

	}

	.two-col .isotope-item, .three-col .isotope-item, .four-col .isotope-item{

		width:100%;

	}

}