/*MAIN.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: Arius Webstudio.*/
/* Version: 1.2 Update Release*/
/* Build Date: 12th Nov 2014*/
/* For more info about this version please see update log: http://designova.net/changelog/dignity.pdf */
/* Author: Designova.*/
/* Website: http://www.ariuswebstudio.com */
/* Copyright: (C) 2015 */
/*-------------------------------------------------------------------------------------------------------------------------------*/


/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 02 - HEADER, INTRO & NAVIGATION */
/* 03 - COMMON ELEMENTS & TYPOGRAPHY */
/* 04 - PAGES & SECTIONS SETUP*/
/* 05 - FOOTER*/


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');

body{
	font-family: 'Lato', sans-serif;
}
h3
{
	font-size:30px;
	color:#333;
}
a, a:hover, a:focus{
	text-decoration: none;
}
a:focus { 
    	outline: none; 
}

@media (min-width: 1024px) and (max-width: 5000px) {
	 .service-details{
		max-width: 1300px;
	}
}

/*Common Spacing and Padding*/
.add-top{
	padding-top: 120px;
}
.add-bottom{
	padding-bottom: 120px;
}
.add-top-half{
	padding-top: 60px;
}
.p-t-25{
	padding-top:25px;
}
.add-bottom-half{
	padding-bottom: 60px;
}

.float-left{
	float:left;
}

.float-right{
	float:right;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - HEADER, INTRO & NAVIGATION */
/*-------------------------------------------------------------------------------------------------------------------------------*/


/*social icon top*/

/* footer social icons */
.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007BB6;
}

.social-network a.icoInstagram:hover {
	background-color:#3F729B;
}

.social-network a.youtube:hover {
	background-color:#fe0000;
}

.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i,
.social-network a.icoInstagram:hover i, .social-network a.youtube:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 25px;
	height: 25px;
	font-size: 15px;
}
.social-circle li i {
	margin:0;
	line-height: 25px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

.social-network li{
	display:inline;
}

.social-network{
	text-align:right;
}



.header-top{
	padding:10px 0px;
	background-color: rgba(0, 0, 0, 0.74);
}

.header_top_left{
	text-align:left;
}

.header_top_left li{
	 float:left;
}

.header-top ul{
	padding:0px;
	margin:0px;
}

.header-top ul li{
	list-style:none;
	color:#fff;
	padding:0px 10px;
	
}
#masthead{
	min-height: 80px;
	width: 100%;
	background:#fff;
	top: 0;
	z-index: 9;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
#masthead.sub{
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	background:#fff;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.logo{
	float: right ;
	color: #fff;
	font-family:"NexaBold";
	font-size: 20px;
	font-weight: 800;
	letter-spacing: 0.15em;
	line-height: 30px;
	text-transform: uppercase;
	padding: 22px 0px;
}
.logo.sub{
	color: #000;
}
/*Standard Navigation*/
.standard-nav{
	list-style: none;
	padding: 20px 0px;
	margin: 0;
	float: right;
}
.standard-nav li{
	/* display: inline-block; */
	/* float: left; */
	z-index:100000;
	/* color: #666666 !important; */
	padding: 5px;
}

.standard-nav li a:hover{
	background-color:#C39;
	color:#fff !important;
}

.standard-nav li a{
	padding: 8px 5px;
	color: #666666;
	width: 100%;
	float: none;
}

.standard-nav li > a{
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 100;
    font-weight: 700;
    line-height: 19px;
    text-transform: uppercase;
    /* width: 100%; */
    /* float: none; */
    display: inline-table;
}




/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - COMMON ELEMENTS & TYPOGRAPHY  */
/*-------------------------------------------------------------------------------------------------------------------------------*/

#mastwrap{
	overflow: hidden; /*remove this*/
	
}
.page-section{
	min-height: 330px;
}
.super-heading{
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-size: 50px;
    line-height: 103px;
    color: #ffffff;
    font-weight: 700;
}
.promo-heading{
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-size: 48px;
    line-height: 55px;
    color: #ffffff;
    padding-bottom: 15px;
    padding-top: 20px;
}
.promo-text{
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	line-height:1.5em;
	color: #999!important;
	margin-top: 20px;
	margin-bottom: 20px;
}
.main-heading{
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-size: 36px;
	line-height: 43px;
	color: #333;
}
.main-heading-alt{
	color: #000;
}
.liner{
	text-align: center;
	margin-bottom: 15px;
}
.liner > span{
	display: inline-block;
	width: 80px;
	height: 12px;
}
.liner-small{
	text-align: center;
	margin-bottom: 15px;
}
.liner-small > span{
	display: inline-block;
	width: 50px;
	height: 6px;
}
.liner-division{
	background: url('../images/mask/raster.png') repeat;
	height: 15px;
	margin-bottom: 20px;
}
.liner-division-light{
	background: url('../images/mask/raster-light.png') repeat;
	height: 15px;
	margin-bottom: 20px;
}
.liner-division-dark{
	background: url('../images/mask/raster-dark.png') repeat;
	height: 15px;
	margin-bottom: 20px;
}
.arrow-division-dark{
	background: url('../images/arrow.png') center center no-repeat;
	height: 29px;
	margin-bottom: 20px;
}
.grey-text{
	color: #a8b4b7;
}

.dark-text{
	color: #555;
}
.black-text{
	color: #222 !important;
}
.sub-heading{
	font-family: 'Lato', sans-serif;
	margin-bottom: 18px;
	font-size: 26px;
	line-height:33px;
	color: #fff;
	font-weight: 200;
}
.small-heading{
	margin-bottom: 40px;
	font-weight: 200;
}
.small-heading > span{
	font-family:"OpenSansLight";
	font-weight: 200;
	font-size: 16px;
	line-height:23px;
	color: #fff;
	border: solid 1px #fff;
	padding: 10px 20px;
	text-transform: uppercase;
}
.inner-heading{
	font-family:"OpenSansLight";
	font-weight: 200;
}
.caption{
	margin-bottom: 30px;
}
.caption > span{
	padding: 10px;
	background: #ccc;
	color: #222;
	font-family:"OpenSansLight";
	font-weight: 200;
	font-size: 16px;
	line-height:23px;
}

hr{
	    border-top: 1px solid #b3b3b3 !important;
}

/*Buttons*/
.btn-dignity-dark{
	background: #121212;
	color: #fff;
	padding: 10px 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	box-shadow: none;
	border-radius: 0px;
	text-decoration: none;
	text-shadow:none;
	font-family:"OpenSansLight";
	font-size: 14px;
	line-height: 21px;
	font-weight: 200;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
.btn-dignity-dark:hover{
	background: #fafafa;
	color: #121212;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}

.btn-dignity-white{
	background: #fafafa;
	color: #121212;
	padding: 10px 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	box-shadow: none;
	border-radius: 0px;
	text-decoration: none;
	text-shadow:none;
	font-family:"OpenSansLight";
	font-size: 14px;
	line-height: 21px;
	font-weight: 200;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
.btn-dignity-white:hover{
	background: #121212;
	color: #fff;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
.btn-rounded{
	background: transparent;
	border: solid 1px #b9d5e1;
	color: #515456;
	padding: 35px;
	box-shadow: none;
	border-radius: 50%;
	text-decoration: none;
	text-shadow:none;
	font-family: 'Lato', sans-serif;
	font-size: 24px;
	line-height: 31px;
	font-weight: 200;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}

.btn-rounded:hover{
	background:#be2b7b;
	border: solid 2px #ccc;
	color: #ccc;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - PAGES & SECTIONS SETUP*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*ABOUT*/
.about{
    padding: 30px 0px;
    background-image: url(../images/about-welcom.jpg);
    background-size: 100%;
    margin: 30px 0px;
	background-attachment:fixed;
	float:left;
}
.about-welcome{
	padding:50px 20px;
	background-color:#fff;
}

.about-welcome h3{
	font-weight:700;
}

.about-emblem{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
    	width: 180px;
}
.about-emblem > img{
    	width: 148px;
}

.services-main h3{
	font-weight:700;
}

.services-main img{
	padding-top:35px;
}


.inner-banr{
	
	padding:50px 0px;
	background-image: url(..//images/about-bg.jpg);
	background-size:cover;
	position:relative;
}

.inner-banr p{
	color:#fff !important;
}

.inner-banr:before{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color: rgba(49, 49, 49, 0.63);
	
}

.erp-main h2{
	margin:0px 0px 10px 0px;
	font-size:30px;
	font-weight:700;
	
}

.erp-main p{
	margin-top:15px;
}

/*----------------------home erp icons------------------------*/

.erp-div{
	padding: 20px 0px 30px;
	background-color:#FFF;
	text-align:center;
	
}


.erp-div a h4{

	font-size:16px !important;
		color:#333 !important;
	font-weight: 600;
}

.erp-div a h4:hover{
	color:#ec008c !important;
}

.erp-title {
	margin:0px 0px 10px;
}



/* Bounce Out */
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}





/*SERVICES*/
.services{
	background: #111 url('../images/bg/about.jpg') center center;
	background-size: cover;
}
.services-icon-wrap{
	margin-top: 10px;
}

.services-icon-wrap > .service-icon{
	padding-bottom: 40px;
}

.services-icon-wrap > .service-icon > img{
	cursor: pointer;
}
.services-icon-wrap > .service-icon > a > img{
}
.services-icon-wrap > .service-icon > h5{
	font-size: 16px;
	line-height: 23px;
	color: #fff;
	font-family:"OpenSansLight";
	font-weight: 200;
}
.services-expansion{
	padding-top: 40px;
	padding-bottom: 40px;
}
#service-slider{
	padding: 0;
	margin: 0;
	margin-left: -15px;
}
.service-details.default{
	display: block;
}
.service-details > article > .btn-dignity-animated{
	margin-top: 30px;
	margin-bottom: 20px;
}

/*THUMB CAROUSEL*/
.thumb-carousel-wrap{
	margin-top: 30px;
}
.thumb-title{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	text-align: center;
}
.thumb-title > h5{
	opacity: 0;
	margin-top: 30%;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}

.thumb-title > h5 > span{
	color: #fff;
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: 200;
	line-height: 19px;
	font-family:"OpenSansLight";
	text-transform: uppercase;
	padding: 8px 15px;
	border: solid 1px #fff;
}
.item:hover > a > .thumb-title{
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.item:hover > a > .thumb-title > h5{
	opacity: 1;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}


/*TEAM*/
.team{
	background-color: #fff;
}
.team-info-wrap{

}

.team-info{
	padding: 20px;
	background:  #e1d1ca !important;
}
.team-info h3{
	font-family: 'Lato', sans-serif;
	font-weight: 200;
	margin-bottom: 0;
	color: #000;
}
.team-info h5{
	margin-bottom: 15px;
	font-weight: 200;
}

.team-info h5 > span{
	padding: 5px 10px;
	color: #000;
	border: solid 1px #444;
	font-weight: 200;
	text-transform: uppercase;
	font-size: 12px;
}
.team-social{
	padding: 0;
	margin: 0;
	list-style: none;
}
.team-social li{
	display: inline-block;
}
.team-social li a{
	opacity: 1;
	-webkit-transition: all .3s linear;
	   -moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		 -o-transition: all .3s linear;
			transition: all .3s linear;
}
.team-social li a:hover{
	opacity: 0.5;
	-webkit-transition: all .3s linear;
	   -moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		 -o-transition: all .3s linear;
			transition: all .3s linear;
}
.team-specs{
	padding: 10px;
	padding-bottom: 20px;
}

/*TESTIMONIAL*/
.testimonial-carousel-wrap{
	
}

.testimonial_para{
	min-height:60px;
	width:80%;
	margin:10px auto;
	text-align:center
	
}

.client-details span{
	color:#fff;
}
.testimonial-carousel{
	padding: 80px;
	padding-top: 100px;
	background-size: cover;
}
.testimonial-block{
}

.testimonial_para, .testimonial_subtitle{
	color:#fff;
}
.owl-theme .owl-controls .owl-buttons div{
	padding: 20px 15px;
	color: #fff;
}
.testimonial-block img{
}

.testimonial-block p{
	margin-bottom: 10px;
	font-family:"OpenSansLight";
	color: #fff;
	font-size: 14px;
	line-height: 21px;
}
.testimonial-user{
	margin-top: 20px;
	margin-bottom: 30px;
}
.testimonial-user > span{
	font-size: 14px;
	padding: 7px 14px;
    	border:solid 2px #000;
    	font-family:"OpenSansLight";
    	color: #000;
    	text-align: center;
    	text-transform: uppercase;
}
.testimonial-user > span:hover{
	font-size: 14px;
	padding: 7px 14px;
    	border:solid 1px #000;
    	font-family:"OpenSansLight";
    	color: #fff;
    	background: #000;
    	text-align: center;
    	text-transform: uppercase;
	-webkit-transition: all .3s linear;
	   -moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		 -o-transition: all .3s linear;
			transition: all .3s linear;
}
.owl-theme .owl-controls .owl-buttons div{
    padding: 5px 15px;
    border-radius: 50%;
    border:solid 3px #fff;
    font-size: 24px;
    font-family:"OpenSansLight";
    color: #fff;
    text-align: center;
    background: transparent;
    opacity: 1;
	-webkit-transition: all .3s linear;
	   -moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		 -o-transition: all .3s linear;
			transition: all .3s linear;
}
.owl-theme .owl-controls .owl-buttons div:hover{
    border:solid 3px #000;
    color: #000;
    background: transparent;
    opacity: 1;
	-webkit-transition: all .3s linear;
	   -moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		 -o-transition: all .3s linear;
			transition: all .3s linear;
}

.testimonial{
	background-image:url(../images/testimonial-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	padding:50px 0px;
	background-attachment:fixed;
}

.testimonial h3, .testimonial h4{
	color:#fff;
}


 .seprator {
    height: 2px;
    width: 56px;
    background-color: #c6196b;
    margin: 0px auto;
}

/*=====================PORTFOLIO=========================*/

.portfolio-space{
	padding:30px 0px !important;
}

.portfolio{
	background-color: rgb(240, 245, 249);
}


#portfolio .welcome-text{
    color: #686351;
}
/*-- 1. General --*/
div#portfolio {
    padding-top: 50px;
    background: #333;
}

div#portfolio_title {
    margin-bottom: 33px;
}

div#portfolio_title h2 {
    color: #FFF;
}

.sortablePortfolio, #portfolioFilter {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#portfolio-wrap {
    padding-top: 30px;
}

/*-- 2. Filter --*/
div#filter {
    padding-bottom: 20px;
}

div#filter_wrapper {
    float: left;
    position: relative;
    margin-bottom: 0px;
    left: 50%
}

ul#portfolioFilter {
    line-height: 18px;
    float: left;
    position: relative;
    left: -50%;
}

ul#portfolioFilter li {
    float: left;
    line-height: 46px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 5px;
    margin-right: 5px;
    border:solid 1px #888;
    font-weight: 200;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
	-webkit-transition: all .3s linear;
	   -moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		 -o-transition: all .3s linear;
			transition: all .3s linear;
}

ul#portfolioFilter li:hover {
     color: #fff;
	-webkit-transition: all .3s linear;
	   -moz-transition: all .3s linear;
		-ms-transition: all .3s linear;
		 -o-transition: all .3s linear;
			transition: all .3s linear;
			cursor: pointer;
}
ul#portfolioFilter li.active-filter {
     color: #fff;
}

ul#portfolioFilter li.separator {
    line-height: 49px;
    padding: 0px;
    color: #CCC;
    font-size: 11px;
}


/*-- 3. Thumbs --*/
div#portfolio_thumbs {
    position: relative;
    z-index: 7;
}

div#portfolio_thumbs ul {
    display: block;
}

div#portfolio_thumbs ul li {
    float: left;
     width: 25%;
    position: relative;
    padding: 20px 25px;
    -moz-transition: all 1.25s ease;
    -webkit-transition: all 1.25s ease;
    -o-transition: all 1.25s ease;
    transition: all 1.25s ease;
	z-index:10000;
}

div#portfolio_thumbs ul li:hover {
    -moz-transition: all 1.25s ease;
    -webkit-transition: all 1.25s ease;
    -o-transition: all 1.25s ease;
    transition: all 1.25s ease;
}

div#portfolio_thumbs ul li img {
    width: 100%;
    height: auto;
    display: block;
}

div#portfolio_thumbs ul li img.rollover {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity = 0);
    top: 0px;
    left: 0px;
}

div#portfolio_thumbs ul li div.item_info {
    display: none;
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 11;
    width: 100%;
    height: 100%;
    padding-top: 25px;
    padding-bottom: 15px;
    text-align: center;
}

div#portfolio_thumbs ul li div.item_info h3 {
	color: #fff;
	font-size: 16px;
	letter-spacing: 2px;
	font-weight: 200;
	line-height: 23px;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	padding: 5px 10px;
}
div#portfolio_thumbs ul li div.item_info p{
	margin-top: 90px;
}
div#portfolio_thumbs ul li div.item_info p > span{
	color: #fff;
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: 200;
	line-height: 19px;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	padding: 5px 10px;
	border:solid 1px #fff;
}
.add-space-min{
	margin-top: 20px;
	margin-bottom: 20px;
}

/*-- 4. Item page --*/
#portfolio_item {
    display: none;
    width: 100%;
}

#item_container {
    padding-bottom: 25px;
}

#item_content {
    margin: 0 auto;
}

#text_content {
    /*width: 680px;*/
    line-height: 20px;
    text-align: left;
    font-size: 12px;
    color: #666;
}

#text_content h3 {
    font-size: 30px;
    line-height: 55px;
    color: #121212;
    font-family: 'Lato', sans-serif;
    font-weight: 200;
    margin-top: 15px;
    margin-bottom: 15px;
}
#text_content p {
    font-size: 14px;
    line-height: 21px;
    color: #666;
    font-weight: normal;
}

/* Slider */
#item_slider {
/*    width: 680px;*/
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

#item_slider a:active {
    outline: none;
}

.slides,  .flex-control-nav,  .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

#item_slider .slides > li {
    display: none;
}

#item_slider .slides img {
    max-width: 100%;
    display: block;
}

#item_slider {
    position: relative;
    zoom: 1;
}

#item_slider .slides {
    zoom: 1;
}

#item_slider .slides > li {
    position: relative;
}

#item_slider .flex-direction-nav li a {
    width: 30px;
    height: 30px;
    line-height: 26px;
    border-radius: 30px;
    color: #000;
    border: solid 2px #000;
    position: absolute;
    top: 10px;
    cursor: pointer;
    text-indent: 1px;
    font-size: 15px;
    font-family:"OpenSansLight";
    text-align: center;
    background: transparent;
}

#item_slider .flex-direction-nav li a:hover {
    background: transparent;
}

#item_slider .flex-direction-nav li .next {
    left: 45px;
}

#item_slider .flex-direction-nav li .prev {
    left: 10px;
}





/* Control buttons */
#control_buttons {
/*  width: 680px;*/
    padding: 15px 8px 5px 8px;
    margin-top: 10px;
	display:none;
}

#control_buttons a {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 45px;
    line-height: 38px;
    margin-bottom: 10px;
    margin-left: 5px;
border:solid 3px #121212;
    font-size: 24px;
    font-family:"OpenSansLight";
    color: #121212;
     text-align: center;
}

.url-linker a{
	margin-left: 0px;
	margin-top: 10px;
}
.project-info-tag{
	padding-top: 10px;
	margin-bottom: 10px;
    border-bottom: solid 1px #aaa;
	padding-bottom: 20px;
}
.project-info-tag > span{
	color: #fff;
    font-family: 'Lato', sans-serif;
    padding: 5px 8px;
    font-size: 12px;
}

#grid .mix{
    opacity: 0;
    display: none;
}
.project-deatil-image{
	padding: 0 !important;
}
.det-overlay{
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
}
.project-deatil-image:hover > a > img{
	opacity: 0;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
.project-deatil-image:hover > a > .det-overlay{
	opacity: 1;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
.project-features-wrap{
	margin-top: 40px;
}
.project-spec-lines{
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}
.project-spec-lines li{
	padding: 10px;
	background:#eee;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 21px;
	font-family:"OpenSansRegular";
	color: #444;
}



/*
====================================================
				6.Portfolio new
====================================================
*/

.thumb{
	background-color:transparent;
	border:none;
	box-shadow:none;
	padding:0px;
}

.work-title{
	padding-bottom: 30px;
	text-align: center;
}
.portfolio-controllers-container{
	margin: 20px 0px;
	text-align: center;
}
.portfolio-controllers{
	padding: 0px;
	height: 100%;
	display: inline-block;
}
.portfolio-controllers .filter-btn{
	float: left;
	padding: 10px 15px;
	border: 1px solid #ff9800;
	outline: 0px;
	margin: 0px 15px 5px 0px;
	-webkit-transition : all 0.3s ease;
	transition : all 0.3s ease;
	cursor: pointer;
}
.more-container{
	margin-top: 40px;
}
.portfolio{
	/* padding: 14px 7px; */
}
.portfolio-image{
	position: relative;
	overflow: hidden;
	border: 6px solid rgb(240, 245, 249);
	padding: 5px;
}
.portfolio-image img{
	width: 100%;
	height: 100%;
	transform : scale(1);
	-webkit-transition : all 0.5s ease;
	transition : all 0.5s ease;
	position: relative;
}
.portfolio-image:hover img{
	transform : scale(1.2);
	cursor: pointer;
}

.portfolio-image::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, 0.05);
}

.work .caption
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 10px;
	left: 0px;
	cursor: pointer;
	opacity: 0;
	transform : scale(1.2);
	-webkit-transition : all 0.5s ease;
	transition : all 0.5s ease;
	/* padding: 10px; */
	z-index: 999;
}

.caption-content{
	width: 100%;
	height: 100%;
	position: relative;
}
.portfolio-image:hover .caption{
	opacity: 1;
	transform : scale(1);
}
.caption-content{
	width: 100%;
	height: 100%;
	text-align: center;
	/* background-color : rgba(0,204,204,0.8); */
	position: relative;
}
.portfolio-link{
	display: inline-block;
	position: absolute;
	top: 43%;
	left: 50%;
	transform: translateX(-50%);
	padding:0px;
}
.portfolio-link li{
	float: left;
	margin-right: 5px;
	list-style: none;
}
.portfolio-link li a i{
	font-size: 25px;
	border-radius: 2px;
	-webkit-transition : all 0.3s linear;
	transition : all 0.3s linear;
}
.portfolio-link li a i.fa-link{
	padding: 10px 15px;
	background-color: #f33b9a;
}
.portfolio-link li a i.fa-search-plus{
	padding: 10px 17px;
	background-color: #f33b9a; */
}
.portfolio-item-title{
	width: 100%;
	height: 40px;
	overflow: hidden;
	font-size: 18px;
	position: absolute;
	left: 50%;
	padding-top: 9px;
	bottom: 0;
	transform: translateX(-50%);
}
.portfolio-item-title:after{
	position: absolute;
	bottom: 0px;
	left: 35%;
	content: '';
	width: 30%;
	height: 0px;
}

.galleryy{
	position: relative;
	height: 750px !important;
}

/*Xtra Large*/
@media (min-width: 1300px){
	
.service-sec{
	width:1300px;
}
		
}

/*Medium Device*/
@media(min-width:992px){}
/*Small Device*/
@media(min-width:768px){
	
}
/*Xtra Small Device*/
@media(max-width:767px){
	.standard-spacing{
		text-align: center !important;
		float: none !important;
	}

	.header-top ul li {
		
		padding: 0px 0px !important;
	}

	.portfolio-controllers .filter-btn{
		margin-bottom: 15px;
		padding: 10px 12px;
		margin-left: 10px;
	}
	
	.align-center{
		text-align:center;
	}
.service-img img	{
	padding:10px 0px;
}
	
}


/*
====================================================
				Work
====================================================
*/
.work{
	background-color: #f0f5f9;
}
.portfolio-controllers .btn-default{
	color: #808080;
}
.portfolio-controllers .filter-btn{
	background-color: transparent;
	color: #222;
	border-color: #ff9800;
}
.portfolio-controllers .filter-btn.active-work{   
    color: #ff9800;
}
.portfolio-link li a i{
	background-color: transparent;
	/*border: 1px solid #00CCCC;*/
	color: #ffffff;
}
.portfolio-link li a:hover i{
	/* border-color: transparent; */
}
.portfolio-link li a:hover i.fa-link,
.portfolio-link li a:hover i.fa-search-plus{
	background-color: #f33b9a;
	color: #fff;
}
.portfolio-item-title{
	color: #ffffff;
	background-color: #ec008c;
}
.portfolio-item-title:after{
	background-color: transparent;
}
.caption-content{
	/* background-color: rgba(0, 0, 0, 0.55); */
}






/*CONTACT*/
.contact{
	background:#3E4042;
}
input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 1px solid #b9d5e1 !important;
    border-radius: 0 0 0 0 !important;
    box-shadow: none !important;
    color: #515456 !important;
    font-family: 'Lato', sans-serif;
    font-size: 18px !important;
    height: 50px !important;
    line-height: 35px !important;
    margin-bottom: 30px !important;
    padding: 10px !important;
    width: 100%;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
input:focus, textarea:focus {
    border: 2px solid #ccc !important;
    color: #ccc !important;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
textarea {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 1px solid #b9d5e1 !important;
    border-radius: 0 0 0 0 !important;
    box-shadow: none !important;
    color: #515456 !important;
    font-family: 'Lato', sans-serif;
    font-size: 18px !important;
    line-height: 30px !important;
    margin-top: 0;
    padding: 10px !important;
    resize: none;
    width: 100%;
	-webkit-transition: all .8s linear;
	   -moz-transition: all .8s linear;
		-ms-transition: all .8s linear;
		 -o-transition: all .8s linear;
			transition: all .8s linear;
}
input.send_message {
    background: none repeat scroll 0 0 #EF4A4A;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    width: 120px;
}
input.send_message:hover {
    background: none repeat scroll 0 0 #262932;
}
.error_message {
    background-color: #FFE9E9;
    border-color: #FBC4C4;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    color: #DE5959;
    float: none;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 15px;
    padding: 15px 40px 15px 18px;
    position: relative;
    width: auto;
}
fieldset {
    border: 0 none;
    float: left;
    padding: 0;
    position: relative;
    width: 100%;
}
fieldset h1 {
    color: #000000;
    font-size: 24px;
}
.contact-label-box {
    color: #FFFFFF;
    font-family:"OpenSansLight";
    font-size: 24px;
    line-height: 31px;
    padding: 30px 20px;
    text-align: center;
}
.contact-label-box > span {
    display: block;
    margin-right: 10px;
}
.contact-label-box > span > img {
    height: 60px;
    width: 60px;
}
.contact-label-box a:hover {
    color: #CCCCCC;
    text-decoration: none;
}
.contact .alert{
	box-shadow: none;
	border:none;
	border-radius: 0;
	text-shadow:none;
	color: #fff;
	font-size: 16px;
	line-height: 23px;
    	font-family:"OpenSansLight";
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - FOOTER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.mastfoot{
}
.footer-top{
	padding: 40px;
	background: #2F3133;
}
.footer-top p{
	color: #777;
	margin-bottom: 0;
}
.footer-top .phone{
	color: #fff;
	font-family:"OpenSansBold";
	font-weight: 100;
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 0;
}
.footer-top a{
	color: #fff;
	font-family:"OpenSansBold";
	font-weight: 100;
	font-size: 18px;
	line-height: 25px;
	text-decoration: none;
}
.footer-bottom{
	padding: 40px;
	background: #27292B;
}
.footer-bottom h3{
	margin-top: 0;
	color: #fff;
}
.footer-social{
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-social li{
	display: inline-block;
}
.footer-social li > a > img{
	width: 50px;
}
.footer-social li > a:hover > img{
	-webkit-transition: all .4s linear;
	   -moz-transition: all .4s linear;
		-ms-transition: all .4s linear;
		 -o-transition: all .4s linear;
			transition: all .4s linear;
			opacity: 0.3;
}
.credits{
	margin-top: 20px;
}
.credits > p{
	font-size: 12px;
	line-height: 19px;
	font-family:"OpenSansLight";
	font-weight: 200;
}

.slide h2
{
	font-size:30px;
	color:#fff!important;
}
.slide h2 a
{
	color:#fff;
	font-family: 'Lato', sans-serif;
}

.go-responsive h1
{
   text-align: left;
   padding: 0px 15px;
   font-size: 30px !important;
   color: #333;
}
.welcome-content h3
{
	text-align:center;
	color:#fff;
}