/* ------------------------------------------------------------------------------

	Template Name: jhon Doe
	Template URI: http://www.psdblast.com/
	Description: Full Screen Design Agency Template
	Author: Andy
	Author URI: http://www.psdblast.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.0
	
	1. CSS Reset
	2. Document Setup
	3. Header Part
		3.1 Slide show background control
		3.2 Menu Style
	4. About me Style
	5. Protfolio Style
	6. Experience Style
	7. Contact Style
	8. Footer Style
	9. Responsive style
		
		
--------------------------------------------------------------------------------/*

/*----------------------------------------------------
	1. CSS Reset
------------------------------------------------------*/
* {
	padding:0;
	margin:0;
}
body {
	color:#8c9099;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	position:relative;
	background:#000;
	width:100%;
	height:100%;
	overflow: scroll;
	overflow-x: hidden;
}
a {
	text-decoration:none;
	color:#fff;
	outline:none;
}
img {
	max-width:100%;
}


/*----------------------------------------------------
	 2. Document Setup
------------------------------------------------------*/
.wrapper{
	width:100%;
}
.spHeight{
	padding-top:63px;
}
.container {
	max-width: 940px;
}

.noMar{
	margin:0 !important;
}
.noPadd{
	padding:0px !important;
}

/*.container .row{
	margin:0px;
}*/

p{
	font-size:15px;
	line-height:24px;
	font-weight:400;
	padding-bottom:22px;
	margin:0px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color:#000;
}
h1{
	font-family: 'Montserrat', sans-serif;
	font-size:90px;
	line-height:76px;
	font-weight:700;
	margin:0px;
	padding-bottom:8px;
}
h2{
	font-family: 'Montserrat', sans-serif;
	font-size:72px;
	color:#313338;
	line-height:57px;
	padding-bottom:10px;
	font-weight:700;
	text-transform:uppercase;
	margin:0px;
}
h3{
	font-family: 'Montserrat', sans-serif;
	font-size:27px;
	line-height:30px;
	padding-bottom:10px;
	font-weight:600;
	margin:0px;
}
h4{
	font-family: 'Montserrat', sans-serif;
	font-size:21px;
	line-height:24px;
	padding-bottom:10px;
	font-weight:600;
	margin:0px;
}
h5{
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
	line-height:24px;
	padding-bottom:10px;
	font-weight:400;
	margin:0px;
}

h4.subHeading{
	font-weight:600;
	font-size:18px;
	padding-bottom:22px;
}

.heading{
	text-align:left;
	padding-bottom:45px;
}
.heading .container{
	padding-top:0px !important;
	padding-bottom:0px !important;
	padding-right: 15px;
	padding-left: 15px;
}
.heading h2 {
	padding-bottom:35px;
	padding-right:50px;
	margin-bottom:35px;
	border-bottom:11px solid #9b293a;
	display:inline-block;
}
.heading h2 span {
	display:block;
}
.heading h3{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	line-height:30px;
	color:#8c9099;
	padding-bottom:0;
	font-weight:400;
	text-transform:none;
}
.heading p{
	line-height:25px;
}

.topmar{
	margin-top:20px;
}
/*----------------------------------------------------
	3. Header Part
------------------------------------------------------*/
header{
	position:relative;
}
.banner{
	overflow:hidden ;
	margin:0 auto !important;
	background:#CACACA;
}
.banner h1 {
	color:#fff;
}
.patternOverlay {
	background:#242434;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	z-index:9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
}
/*------------------------------------
	3.1 Slide show background control
--------------------------------------*/ 
.bannerText{
	width:100%;
	position:relative ;
	left:0;
	top:50%;
	text-align:center;
	margin-top:-150px;
	padding:30px 0 30px ;
	z-index:999999 ;
	
	animation-name: textBox;
	animation-duration: 5s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;
	/* Safari and Chrome: */
	-webkit-animation-name: textBox;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-play-state: running;
}

@keyframes textBox{
	0%   {opacity:0.0;}
	10%   {opacity:0.0;}
	25%  {opacity:1;}
	50%  {opacity:1;}
	75%  {opacity:1;}
	95% {opacity:0.0;}
	100% {opacity:0.0;}
}

@-webkit-keyframes textBox{ /* Safari and Chrome */
	0%   {opacity:0.0;}
	10%   {opacity:0.0;}
	25%  {opacity:1;}
	50%  {opacity:1;}
	75%  {opacity:1;}
	95% {opacity:0.0;}
	100% {opacity:0.0;}
}



.bannerText h1{
	text-transform:uppercase;
	line-height:50px;
}
.bannerText h1 span{
	color:#9b293a;
}  
.bannerText h3{
	color:#fff;
	font-size:48px;
	line-height:normal;
	font-weight:500;
	text-transform:uppercase;
	margin-bottom:20px;
}
.bannerText p{
	font-size:18px;
	color:#9295a1;
	text-transform:none;
	padding-bottom:44px;
}
.bannerText .mbnt{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:16px;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#fff;
	padding:22px 39px;
	border:solid 1px #9295a1;
	display:inline-block;
	margin:0 auto;
}
.bannerText .mbnt:hover{
	color:#9b293a;
	border-color:#9b293a;
}

/*----------------------------------------------------
 	3.2 Menu Style
------------------------------------------------------*/
.isStuck{
    left:0px;
    width:100%;
}
.menu{
	 margin-top:0px;
	 position: absolute;
	 z-index:9;
	 margin-top:20px;
	 left:0px;
	 right:0px;
	 bottom:0;
}
.logo{
	float:left;
	background:url(../images/logo-2.png) no-repeat 0 0;
	width:123px;
	height:80px;
	font-size:0;
	line-height:0;
}
.isStuck .logo{
	background:url(../images/logo.png) no-repeat 0 0;
}

.navArea{
	/*float:right;*/
}

.navwrapper .container{
	padding:0;
	width:auto;
}

.navbar-header{
	display:none;
}
.nav > li > a{
	display:inline-block;
}
.navbar-nav > li{
	float: none;
	display: inline-block;
}
.navbar-nav{
	margin: 0 auto;
	text-align: center;
	float: none;
}

.navbar-toggle{
	margin-top:14px;
}


/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  margin-top:0px;
  height:80px;
  position: relative;
  z-index: 15;
}
.navbar-wrapper .container{
	padding:0px;
}

.navbar-collapse{
	padding:0;
}
.navbar-collapse.in{
	max-height:100%;
}

.navbar.navbar-inverse.navbar-static-top {
  margin:0px auto;
  background:none;
  color:#c3c8d6;
  border:none;
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
  font-weight:600;
  text-transform:uppercase;
}
.navbar.navbar-inverse.navbar-static-top a{
  color:#fff;
  padding:31px 16px;
  line-height:18px;
  text-align:center;
}
.navbar.navbar-inverse.navbar-static-top a:hover{
  background:none;
  color:#fff;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus{
  background: none;
  color:#fff !important;
}
.navbar-inverse .navbar-nav>.active>a:hover {
  color:#fff;
}

.hideClass{
	display:none;
}



.isStuck .navbar-inverse .navbar-nav>.active>a, .isStuck .navbar-inverse .navbar-nav>.active>a:focus{
  background: #181a1c;
  color:#fff ;
}
.isStuck .navbar.navbar-inverse.navbar-static-top a:hover{
  background:#181a1c;
  color:#fff;
}
.isStuck .navbar.navbar-inverse.navbar-static-top a{
  color:#000;
}

.stuckMenu{
	-o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
	
	background: transparent;
}
.isStuck{
	background:#9b293a ;
	
	-o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 600px;
  background-color: #0A64A4;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
}

/*----------------------------------------------------
	4. About Us Style
------------------------------------------------------*/
.aboutus{
	background:#ffffff;
	text-align:left;
}
.aboutus .container{
	padding-top:122px ;
	padding-bottom:122px ;
}

.aboutus .heading p{
	padding-bottom:41px;
}
.aboutus h4 {
	padding-bottom:30px;
}
.aboutus .btn-primary {
	background:#323641;
	line-height:30px;
	font-size:20px;
	color:#fff;
	font-weight:600;
	border:none;
	border-radius: 0;
}
.aboutus .btn-primary:hover {
	background:#9b293a;
}
.skillset {
	background:#9b293a;
	display:table;
	width:100%;
}
.skillset .container{
	padding-top:119px ;
	padding-bottom:119px ;
}
.skillset .skills {
	text-align:center;
	color:#fff;
	display:table-cell;
	width:25%;
}
.skillset .skills h3 {
	color:#fff;
	font-size:18px;
	line-height:normal;
	font-weight:600;
	text-transform:uppercase;
}
.skillset .skills p {
	font-size:13px;
	line-height:18px;
	font-weight:400;
}
.myexperties {
	background:#fff;
}
.myexperties .container{
	padding-top:117px ;
	padding-bottom:59px ;
}
.myexperties .heading {
	padding-bottom:111px;
}
.expertiesico {
	padding:10px 0;
	margin-bottom:58px;
	border-right:1px solid #dcdcde;
	text-align:center;
}
.expertiesico span.ico {
	width:120px;
	height:120px;
	display:inline-block;
	background-color:#9b293a;
	text-align:center;
	color:#fff;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}
.expertiesico span.ico i {
	line-height:120px;
}
.expertiesdesc {
	margin-bottom:58px;
}
.expertiesdesc h4 {
	font-size:20px;
	font-weight:300;
	color:#4f525a;
	line-height:normal;
	text-transform:uppercase;
}

/*----------------------------------------------------
	 5. Protfolio Style
------------------------------------------------------*/
.protfolio{
	background:#323641;
	color:#242424;
	width:100%;
	overflow:hidden;
}
.protfolio .container{
	padding-top:85px ;
	padding-bottom:0 ;
}
.protfolio .heading h2 {
	color:#fff;
}
.protfolio .protBox{
	padding-top:85px ;
	padding-bottom:90px ;
	position:relative;
}

.protfolio .heading p{
	padding-bottom:41px;
	color:#242424
}
.protfolio h4{
	font-weight:700;
}



.portfolioFilter{
	display:block;
	margin:0 auto;
	text-align: center;
	margin-top:60px;
}

.portfolioFilter ul{
	margin:0 auto;
	text-align:center;
	display:block;
	margin-bottom:60px;
}
.portfolioFilter ul li{
	display:inline-block;
	margin:0 -2px;
}
.portfolioFilter ul li a{
	padding:16px 30px;
	font-size:14px;
	line-height:15px;
	font-weight:bold;
	color:#8c9099;
	text-transform:uppercase;
	display:block;
	text-decoration:none;
	border-right:none;
	
	transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
}


.portfolioFilter ul li a:hover{
	border-color:#cfcfcf;
	color:#fff;
	
	transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
}

.portfolioFilter ul li a.current{
	border:solid 1px #fff;
	color:#fff;
}



ul.portfolioContainer{
	display:block;
	padding:0px;
	margin-bottom:0;
	list-style-type:none;
}
ul.portfolioContainer li{
	display:block;
	/*min-height:205px;*/
	padding:0px;
	margin:0px;
	cursor:pointer;
	width:24.8%;
}
ul.portfolioContainer li .lightCon{
	display:block;
	margin:0px;
	position:relative;
	overflow:hidden;
}
ul.portfolioContainer li img{
	 width:100% !important;
	 height:auto;
	 display:block;
}

span.hoverBox{
	visibility:hidden;
	width:100%;
	height:100%;
	position: absolute;
	left:0px;
	bottom: 0px;
	
	transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	
	background: rgba(0, 0, 0, 0.1);
	
}
ul.portfolioContainer li:hover span.hoverBox{
	visibility:visible;
	left:0px;
	bottom: 0px;
	
	background: rgba(0, 0, 0, 0.8);
	
	transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
}

span.hoverBox a{
	line-height:54px;
}

span.hoverBox .smallIcon{
	width: 120px;
	margin: 0px auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -60px;
	margin-top: -27px;
}

span.hoverBox .zoom{
	visibility:hidden;
	width:54px;
	height:54px;
	background:#313131;
	color:#fff;
	position: relative;
	left:-180%;
	/*top:40%;*/
	text-align:center;
	line-height:50px;
	display: block;
	float: left;
	
	transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
ul.portfolioContainer li:hover span.hoverBox .zoom{
	visibility:visible;
	left:0;
	padding-top:7px;
	
	transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
}

span.hoverBox .linKed{
	visibility:hidden;
	width:54px;
	height:54px;
	background:#313131;
	color:#fff;
	position: relative;
	right:-180%;
	/*top:40%;*/
	text-align:center;
	line-height:52px;
	display: block;
	float: right;
	
	transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
ul.portfolioContainer li:hover span.hoverBox .linKed{
	visibility:visible;
	right:0%;
	padding-top:7px;
	
	transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
}


.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */

    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
	padding:0;
	
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}


.abc{
	position: absolute;
	width: 782px;
	height: auto;
	top: 20%;
	left: 0;
	right: 0;
	z-index: 99999;
	margin: 0 auto;
}
.abc #pbImage{
	position:static !important;
}

#pbCaption{
	display:block;
	background:none !important;
}
#pbBottom{
	position: relative !important;
	left: 26.1% !important;
	bottom: 0px !important;
	width: 100% !important;
	margin-left: -26% !important;
	padding: 0px !important;
	height:80px !important;
	
	display: block;
	background-color: rgba(24,27,34,1);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#B0000000, EndColorStr=#B0000000);
}
#pbCloseBtn{
	position:absolute !important;
}

/*----------------------------------------------------
	 6. Work expereince Style
------------------------------------------------------*/
.experience{
	background:#fff;
}
.experience .container{
	padding-top:118px ;
	padding-bottom:68px ;
}
.experdesc h4 {
	font-size:20px;
	font-weight:300;
	color:#4f525a;
	line-height:normal;
	text-transform:uppercase;
	padding:0;
	margin:0;
}
.experdesc {
	margin-bottom:50px;
}
.experdesc h5 {
	font-size:16px;
	font-weight:300;
	color:#313338;
	line-height:30px;
	text-transform:none;
	padding-bottom:5px;
}
.experdate {
	width:114px;
	height:114px;
	background:#ff554e;
	color:#fff;
	padding-top:40px;
	font-size:16px;
	line-height:20px;
	font-weight:400;
	text-align:center;
	margin-bottom:50px;
}

/*----------------------------------------------------
	7. Contact Style
------------------------------------------------------*/

.contact{
	background:#9b293a;
}
.contact .container{
	padding-top:116px;
	padding-bottom:116px;
}

.contact .heading h2{
	color:#fff;
	border-color:#fff;
}
.contact h3{
	color:#242424;
}
.contact p{
	color:#5b5b5b;
}
.contact .heading p{
	padding-bottom:41px;
}

.contact .heading h3{
	color:#fff;
}

.topCon{
	padding-bottom:0px !important;
}
.mapArea{
	height:500px;
	overflow:hidden;
	width:100%;
	margin:0;
	background:#fff;
}
.mapArea iframe{
	width:100%;
	height:100%;
}
#map img { max-width: none; }


.contactDetails{
	background:#fff;
}
.contactDetails .container{
	padding-top:98px ;
	padding-bottom:162px ;
	text-align:left;
}
.contactDetails h3{
	font-size:20px;
	font-weight:600;
	text-transform:uppercase;
	padding-bottom:20px;
	color:#4f525a;
}
.contactDetails p{

}
.contactDetails p a{
	color:#9b293a;
}
.contactDetails p a:hover{
	color:#a9abb0;
	text-decoration:none;
}

.contactDetails i{
	padding-right:15px;
}


.conForm input{
	background:#fff;
	border:solid 1px #dbdbdb !important;
	color:#000;
	padding:15px 30px;
	border:none;
	margin-right:3%;
	margin-bottom:30px;
	outline:none;
}
.conForm input.noMarr{
	margin-right:0px;
}

.conForm textarea{
	background:#fff;
	color:#000;
	border:solid 1px #dbdbdb !important;
	padding:15px 30px;
	border:none;
	margin-bottom:40px;
	outline:none;
	height:100px;
}


.conForm .submitBnt{
	background:#9b293a;
	font-family: 'Montserrat', sans-serif;
	color:#fff;
	font-size:16px;
	font-weight:400;
	text-align:center;
	float:right;
	margin:0px;
	border:none !important;
}
.conForm .submitBnt:hover{
	background:#323641;
}

.textGroup{
	position:relative !important;
	display: inline-block;
	padding-left:0px !important;
}

#success_page{
	color: #00bdbd;
	font-weight: 500;
}
.error_message{
	color: #ff675f;
	padding-bottom: 15px;
	font-weight: 500;
}
#success_page h3{
	font-size:17px;
	color: #00bdbd;
}


.contactInfo{
	background:#101010 url(../images/contact-bg.jpg) repeat 0 0 fixed;
	text-align:center;
	padding:94px 0 35px;
	position:relative;
}
.contactInfo:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1;
	background: rgba(0, 0, 0, 0.7);
}
.contactInfo .container{
	position:relative;
	z-index:2;
}


.cinfoBox{
	padding-bottom:40px;
}
.cinfoBox span.infoIcon{
	display:block;
	border:solid 2px #fff;
	margin:0 auto;
	margin-bottom:40px;
	font-size:60px;
	line-height:145px;
	width:150px;
	height:150px;
	
	-webkit-border-radius: 50%;
    border-radius: 50%;
}
.cinfoBox p{
	font-weight:600;
	font-size:14px;
	color:#fff;
	padding-bottom:0px;
}
.cinfoBox p a{
	color:#fff;
	text-decoration:none;
}
.cinfoBox p a:hover{
	color:#ff554e;
}

/*----------------------------------------------------
	 8. Footer Style
------------------------------------------------------*/
.footer{
	background:#323641;
}
.footer .container{
	padding:100px 0;
}

.footer ul{
	margin:0 auto;
	margin-bottom:62px;
	text-align:center;
	list-style-type:none;
}
.footer ul li{
	display:inline-block;
	text-align:center;
	background:#3e4350;
	color:#ffffff;
	line-height:85px;
	margin:0 30px 14px;
	width:85px !important;
	height:85px !important;
	
	-webkit-border-radius: 50%;
    border-radius: 50%;
}
.footer ul li:hover{
	background:#2a2a2a ;
}
.footer ul li:hover	a{
	color:#fff;
}

.footer ul li a{
	color:#fff;
	width:42px !important;
	height:42px !important;
}
.footer ul li a i{
	line-height:85px !important;
	color:#323641;
}

.footer p{
	color:#8c9099;
	font-size:15px;
	line-height:24px;
	font-weight:300;
	text-align:center;
}
.footer p:last-child{
	padding-bottom:0px;
}
.gototop {
	display:inline-block;
	width:70px;
	height:50px;
	background:#23262e;
}
.gototop i {
	color:#b9bdc7;
	line-height:50px;
}

/*  Preloader */
#preloader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:9999999999; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	color:#fff;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../images/preloader.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}
#status p{text-align:center;}


/*---------------------------------------------------------------------------------
	 9. Responsive style
-------------------------------------------------------------------------------*/

@media screen and (min-width: 1200px) {
	.workYear{
		width:140px;
		height:140px;
		padding-top:50px;
	}
	
	.education .workYear{
		padding-top:58px;
	}
}


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

	.bannerText h1{
		font-size:65px;
		line-height:71px;
	}
	.bannerText h2{
		font-size:28px;
	}
	.proPic{
		text-align:center;
	}
	
	.navbar-inverse .navbar-toggle .icon-bar{
		background:#000;
	}
	.navbar-inverse .navbar-toggle:hover .icon-bar,
	.navbar-inverse .navbar-toggle.active .icon-bar{
		background:#fff;
	}
	.navbar-inverse .navbar-toggle.active {
		background-color:#11141c;
	}
}




@media screen and (max-width: 810px) {
	body{
		min-height:700px;
	}
	#header h3{
		font-size: 38px;
	}
	#header h3 span{
		font-size: 16px;
	}
	
	.abc{
		width:100%;
	}
	.navArea {
		float:none;
	}
	
	.navbar-nav{
		position: absolute;
		width: 100%;
		left: 0;
		color:#fff;
		background:#181a1c;
		text-align:center;
	}
	.nav > li > a {
		display:block;
	}
	.navbar.navbar-inverse.navbar-static-top a:hover{
		background:none;
	}
	
	.navbar-nav > li{
		float:none;
		display:block;
	}
	.navbar-nav > li> a{
		padding:15px 0 !important;
		color:#fff !important;
	}
	.navbar-nav > li> a:hover{
		background:#000 !important;
	}
	
	.skillset {
		display:block;
	}
	.skillset .skills {
		display:block;
		width:auto;
	}
	
	

	
}


@media screen and (min-width: 768px) {
	.conForm input.col-sm-6 {
		width: 48.5%;
	}
	.conForm input.col-lg-6 {
		width: 48.5%;
	}
}


@media screen and (max-width: 768px) {
	.navbar-wrapper .container,
	.navwrapper .container{
		width:100%;
	}
	ul.portfolioContainer li.col-xs-6{
		width:49%;
		min-height: 85px;
		
	}
	.navbar-toggle {
		margin-top: 23px;
	}
	.navbar .container{
		padding:0;
	}
	.isStuck.navbar-wrapper .navArea{
		display:block;
	}
	.navbar-header .navbar-brand{
		float:right;
	}

	
}


@media screen and (max-width: 767px) {
	.navbar-header{
		display:none;
	}
	.isStuck .navbar-header{
		display:block;
	}
	.workYear{
		margin:0 auto;
	}
	.workDetails .rightArea{
		border-left:none;
	}
	.arrowpart{
		float:none;
		width:100%;
		height:40px;
		background:url(../images/arrow-top.png) no-repeat 50% 100%;
	}
	.education .arrowpart{
		background:url(../images/arrow-top-light.png) no-repeat 50% 100%;
	}
	.exCon{
		margin-left:0px;
	}
	.navbar-nav > li {
		display:block;
	}
	ul.navbar-nav li a{
		display:block;
	}
	.navbar.navbar-inverse.navbar-static-top a {
		padding:10px 0;
	}
	.about{
		border-right:none;
		border-bottom:solid 1px #dbdbdb
	}
	.about:nth-child(3n+3){
		border-bottom:none;
	}
	.media {
		text-align:center;
	}
	.experdate {
		margin:0 auto 40px;
	}
	.conForm .submitBnt {
		float:none;
	}
}


@media screen and (max-width: 650px) {
	
	#wrapper{
		top: 200px !important;
	}
	.upbox{
		transform: translate(0px, -70px);
		-ms-transform: translate(0px, -70px); /* IE 9 */
		-webkit-transform: translate(0px, -70px); /* Safari and Chrome */
	}
	.heading h2 {
		font-size:44px;
		padding-right:0;
		display:block;
		border-bottom-width:2px;
	}
	
	.bannerText {
		padding-top:15px;
		padding-bottom:15px;
	}
	.bannerText h1 {
		font-size: 42px;
		line-height: 48px;
	}
	.bannerText h3 {
		font-size: 28px;
		line-height: normal;
	}
	.bannerText h2 {
		font-size: 18px;
		line-height:24px;
	}
	.aboutus .container {
		padding-top:60px;
		padding-bottom:60px;
	}
	.aboutus h3 {
		padding-top:20px;
	}
	.aboutus .btn-primary {
		font-size:14px;
	}
	.expertiesico {
		padding:0;
		border:none;
	}
	
	
}


@media screen and (max-width: 480px) {
	.bannerText h1 {
		font-size:32px;
	}
	.bannerText h3 {
		font-size:20px;
	}
	.bannerText p {
		font-size:15px;
		padding-bottom:20px;
	}
}


@media screen and (max-width: 400px) {
	#loopedSlider, #newsSlider{
		min-height: 650px;
		height: 100%;
	}
	ul.slides{
		min-height: 600px;
		height: 100%;
	}
	
	.item{
		width: 19%;
	}
	.item p {
		font-size: 36px;
	}
	
	.ourservice img{
		width:100%;
	}
	
	ul.portfolioContainer li.col-xs-6{
		width:100%;
	}
	
	.bntDownload{
		font-size: 13px;
		padding: 16px 14px;
	}
	
	.conForm textarea{
		margin-bottom:20px;
	}
	.textGroup{
		display:block;
		padding:0 0 40px 0;
	}
	
	.nameError,
	.emailError{
		left:0px;
		top:0px;
		
	}
}