/*-- Font style sheet for Frodo --*/
		@font-face {
			font-family: 'helveticabold';
			src: url('../fonts/helvetica_bold-webfont.eot');
			src: url('../fonts/helvetica_bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/helvetica_bold-webfont.woff') format('woff'),
				 url('../fonts/helvetica_bold-webfont.ttf') format('truetype'),
				 url('../fonts/helvetica_bold-webfont.svg#helveticabold') format('svg');
			font-weight: normal;
			font-style: normal;

		}

		@font-face {
			font-family: 'helveticabold';
			src: url('../fonts/helvetica-bold-webfont.eot');
			src: url('../fonts/helvetica-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/helvetica-bold-webfont.woff') format('woff'),
				 url('../fonts/helvetica-bold-webfont.ttf') format('truetype'),
				 url('../fonts/helvetica-bold-webfont.svg#helveticabold') format('svg');
			font-weight: normal;
			font-style: normal;

		}
		@font-face {
			font-family: 'helveticabold_oblique';
			src: url('../fonts/helvetica-boldoblique-webfont.eot');
			src: url('../fonts/helvetica-boldoblique-webfontd41d.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/helvetica-boldoblique-webfont.woff') format('woff'),
				 url('../fonts/helvetica-boldoblique-webfont.ttf') format('truetype'),
				 url('../fonts/helvetica-boldoblique-webfont.svg#helveticabold_oblique') format('svg');
			font-weight: normal;
			font-style: normal;
		}
	/*-- End Font style sheet for Frodo --*/
	
body{
	font-family: 'Open Sans', sans-serif;
	color:#959ea7;
	}
.clear{clear:both;}
.clear1{clear:both; padding-bottom: 30px;}
a:focus{
	outline:0;
	outline-offset:0;
	}
.container{
	max-width:990px;
	}
.image_border{
	border-radius:0px;
	}



/*-- Main Body Top --*/
.mainservices{
	padding-top:50px;
	padding-bottom:20px;
	}
.right_padding{
	padding-right:0px;
	}
.service_active_img{
	height:300px;
	border-radius:0px;
	}
.main_link{
	text-align: center;	
	color:#959ea7;
	}
span.img_icon {
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	}
.icon1{
	background-image: url(../assets/images/web.png);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	}
.icon2{
	background-image: url(../assets/images/security.png);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	}
.icon3{
	background-image: url(../assets/images/support.png);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	}
span.link_title {
	display: block;
	line-height: 20px;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 800;
	padding-bottom: 16px;
	text-align: center;
	}
span.link_content {
	display: block;
	font-weight: 400;
	padding-bottom: 16px;
	text-align: center;
	line-height: 20px;
	padding-top: 10px;
	}
.line{
	border-bottom: solid 1px #959ea7;
	float: left;
	margin-top: 20px;
	width: 81px;
	}
.line1{
	float: left;
	width: 136px;
	text-align:center;
	background-color:#959ea7;
	color:#ecf0f1;
	font-size:16px;
	line-height:36px;
	font-weight: bold;
	border-radius:5px;
	border:5px solid #ecf0f1;
	}
.mainservices:hover .main_link{
	color:#1abc9c!important;
	}
.mainservices:hover .line{
	border-bottom: solid 1px #1abc9c!important;
	}
.mainservices:hover .line1{
	background-color:#1abc9c!important;
	display:block;
	cursor:pointer;
	border-color: #ddfff8!important;
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	}
.mainservices:hover .icon1{
	background-image: url(../assets/images/web_hover.png);
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	} /* hover web icon */
.mainservices:hover .icon2{
	background-image: url(../assets/images/security_hover.png);
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	}/* hover security icon */
.mainservices:hover .icon3{
	background-image: url(../assets/images/support_hover.png);
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	} /* hoversupport icon */
.link_title1, .link_content1{
	color:#1abc9c!important;
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	}

.latest_work_tittle{
	font-family: 'Open Sans', sans-serif;
	font-size:24px;
	line-height:36px;
	font-weight:bold;
	color:#959ea7;
	text-align:center;
	margin-top:50px;
	}
.latest_work_content{
	font-size:16px;
	line-height:20px;
	font-weight:300;
	color:#959ea7;
	text-align:center;
	margin-bottom:20px;
	padding:0px 65px;
	}
.bottom_margin{
	margin-bottom:30px;
	}
.hover_div{
	width:300px;
	height:200px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	display:block;
	}
.hover_div img{
	border-radius:0px;
	}
.hover_link{
	background:url(../images/share.png) no-repeat center;
	background-color:#5ba1f9;
	position:absolute;
	top:0;
	width:100%;
	display:none;
	z-index:100;
	height:200px;
	overflow:hidden;
	border-radius:0px;
	opacity:0.5;
	filter: alpha(opacity=50);
	cursor:pointer;
	margin-bottom:0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
.hover_div a:hover .hover_link {
	opacity: 0.9;
	filter: alpha(opacity=90);
	}
.hover_div:hover .hover_link{
	display:block;
	}
/*-- End Body Top --*/


/*========================================================
	End Home Page
========================================================*/

/*========================================================
	Portfolio page
========================================================*/

/*--portfolio css --*/
.porfolio_main_body{
	padding-bottom: 80px;
	}
.portfolio_top{
	background:url(../images/portfolio-bg.png) repeat-x;
	padding:40px 0px;
	}
.portfolio_div{
	width:195px;
	margin:0 auto;
	}
.por_top_content_top{
	font-size:40px;
	font-weight:600;
	line-height:20px;
	color:#ecf0f1;
	text-transform:lowercase;
	background-color:#2c3e50;
	text-align:center;
	padding:15px 10px 20px 10px;
	margin-bottom:0px;
	border-radius:0px;
	}
.por_top_content_bottom{
	margin-top:10px;
	margin-bottom:0px;
	font-size:12px;
	line-height:20px;
	font-weight:600;
	color:#2c3e50;
	text-align:center;
	}
.portfolio_work_tittle{
	font-family: 'Open Sans', sans-serif;
	font-size:24px;
	line-height:36px;
	font-weight:bold;
	text-align:center;
	margin-top:80px;
	}
.portfolio_work_content{
	font-size:16px;
	line-height:20px;
	font-weight:300;
	text-align:center;
	padding:0px 65px;
	margin-bottom:55px;
	}
.isotop_list{
	margin:0 auto!important;
	}
.portfolio_item_margin{
	margin-bottom:30px;
	padding-left: 0px;
	padding-right: 0px;
	}
.isotop_ul{
	margin:0;
	padding:0;
	list-style:none;
	}
.isotop_ul li{
	float:left;
	margin-right:12px;
	}
.isotop_ul li:last-child{
	margin-right:0px;
	}
.isotop_ul li a{
	display:block;
	text-transform:uppercase;
	font-family:quicksand;
	font-size:14px;
	line-height:20px;
	text-align:center;
	color:#ecf0f1;
	background-color:#e21b25;
	padding:5px 12px;
	text-decoration:none;
	border-radius:0px;
	}
.isotop_ul li a:hover{
	background-color:#5ba1f9;
	color:#ecf0f1;
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	}
.portfolio_bottom_margin{
	margin-bottom:80px;
	}