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

	Template Name: QVA - One Page Parallax Responsive Multi-purpose HTML Template
	Template URI: http://www.themeelite.com/qva/
	Description: Full Screen Design Agency Template
	Author: Andy
	Author URI: http://www.themeelite.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. Our Service Style
	5. About Us Style
	6. Our Team Style
	7. Protfolio Style
	8. Testimonial Style
		8.1 We work Style
	9. Contact Style
	10. Footer Style
	11. Theme changes style
	12. Responsive style
		
		
--------------------------------------------------------------------------------/*
	1. CSS Reset
-------------------------------------------------------------------------------*/

* {
	padding:0;
	margin:0;
}
body {
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	position:relative;
	background:#000;
	width:100%;
	height:100%;
	overflow: scroll;
	overflow-x: hidden;
}
a {
	text-decoration:none;
	color:#fff;
	outline:none;
}



/*----------------------------------------------------
	 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-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:21px;
	font-weight:400;
	padding-bottom:22px;
	margin:0px;
}
h1{
	font-family: 'Open Sans', sans-serif;
	font-size:72px;
	line-height:76px;
	font-weight:700;
	margin:0px;
	padding-bottom:8px;
}
h2{
	font-family: 'Open Sans', sans-serif;
	font-size:51px;
	line-height:57px;
	padding-bottom:10px;
	font-weight:700;
	text-transform:uppercase;
	margin:0px;
}
h3{
	font-family: 'Open Sans', sans-serif;
	font-size:24px;
	line-height:30px;
	padding-bottom:6px;
	font-weight:300;
	margin:0px;
	text-transform:uppercase;
}
h4{
	font-family: 'Open Sans', sans-serif;
	font-size:19px;
	line-height:24px;
	padding-bottom:6px;
	font-weight:600;
	margin:0px;
}
h5{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	line-height:24px;
	padding-bottom:6px;
	font-weight:400;
	margin:0px;
}

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

.heading{
	text-align:center;
	padding-bottom:45px;
}
.heading .container{
	padding-top:0px !important;
	padding-bottom:0px !important;
	padding-right: 15px;
	padding-left: 15px;
}
.heading h3{
	padding-bottom:35px;
	font-weight:300;
}
.heading p{
	font-weight:400;
	color:#b9b9b9;
	line-height:25px;
}

.topmar{
	margin-top:20px;
}



/*----------------------------------------------------
	3. Header Part
------------------------------------------------------*/
header{
	position:relative;
}
.banner{
	overflow:hidden ;
	margin:0 auto !important;
	background:#CACACA;
}
.bannerTextstay{
	position:absolute ;
	left:0;
	right:0;
	top:35%;
	text-align:center;
	padding:30px 0 30px ;
	max-width:960px;
	z-index:999999 ;
}


.bannerText h1{
	text-transform:uppercase;
}
.bannerText h1 span{
	color:#ffe400;
}  
.bannerText p{
	font-size:14px;
	text-transform:none;
	padding-bottom:44px;
}
.bannerText .mbnt{
	font-size:12px;
	line-height:16px;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#fff;
	padding:14px 16px;
	border:solid 1px #bebebe;
	display:inline-block;
	margin:0 auto;
}
.bannerText .mbnt:hover{
	color:#ffe400;
	border-color:#ffe400;
}


/*------------------------------------
	3.1 Slide show background control
--------------------------------------*/ 
.banner{
	background:#000;
}
.slide img{
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}




/*----------------------------------------------------
 	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;
	 margin-bottom:-100px;
}
.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: left;
	display: inline;
}
.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:15px;
  font-weight:600;
  text-transform:uppercase;
}
.navbar.navbar-inverse.navbar-static-top a{
  color:#fff;
  padding:31px 13px;
  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:#ffe400 ;
	
	-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. Our Service Style
------------------------------------------------------*/

.ourservice{
	background:#f5f3ef;
	color:#fff;
	position:relative;
}
.ourservice .container{
	padding-top:85px ;
	padding-bottom:93px ;
}
.ourservice .heading{
	padding:108px 0 90px 0;
	background:#ffe400 url(../images/pattern.png) repeat 0 0;
}
.service{
	padding:65px 30px 60px;
	text-align:center;
	color:#242424;
}
.service:nth-child(2n+2){
	background:#fbf9f5;
}
.service i{
	padding-bottom:27px;
}
.service h3{
	font-weight:400;
	color:#fff;
}
.ourservice h2{
	color:#242424;
}
.ourservice h3{
	color:#242424;
}
.ourservice p{
	color:#242424;
}

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

.textQu .container{
	padding-top:0px;
	padding-bottom:0px;
	position:relative;
	z-index:2;
}
.textQu h2{
	font-size:33px;
	line-height:44px;
	font-weight:600;
	text-transform:uppercase;
	color:#fff;
}
.textQu h2 span{
	color:#ffe400;
}

.textQu p{
	font-size:12px;
	text-transform:uppercase;
}
.textQu i{
	font-size:20px;
	
}



/*----------------------------------------------------
	5. About Us Style
------------------------------------------------------*/
.aboutus{
	background:#ffffff;
	color:#242424;
	text-align:center;
}
.aboutus .container{
	padding-top:85px ;
	padding-bottom:69px ;
}
.aboutus .heading p{
	padding-bottom:41px;
}

.aboutus p{
	color:#5b5b5b;
}

.aboutus .box{
	border:solid 1px #dbdbdb;
}
.about{
	text-align:center;
	border-right:solid 1px #dbdbdb;
	padding:60px 30px 50px;
}
.about:nth-child(3n+3){
	border-right:none;
}

.about span.round{
	background:#ffe400;
	color:#444444;
	width:150px;
	height:150px;
	display:inline-block;
	text-align: center;
	padding-top: 40px;
	margin-bottom:45px;
	
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.about h3{
	font-weight:400;
	padding-bottom:11px;
}

.factabout{
	background:#000 url(../images/factabout-bg.jpg) repeat-x 0 0 fixed;
	padding:108px 0 98px;
	position:relative;
}
.factabout:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1;
	background: rgba(0, 0, 0, 0.7);
}
.factabout .container{
	padding-top:0px;
	padding-bottom:0px;
	position:relative;
	z-index:2;
}
.factabout h2{
	font-size:33px;
	line-height:37px;
	padding-bottom:20px;
	font-weight:700;
	text-transform:uppercase;
	color:#fff;
}
.factabout p{
	color:#d8d8d8;
	line-height:25px;
}
.countarea{
	padding:54px 0 0 0;
}
.countarea h3{
	font-size:60px;
	line-height:66px;
	height:66px;
	font-weight:700;
	padding-bottom:15px;
	color:#ffe400;
}
.countarea p{
	font-size:12px;
	padding-bottom:10px;
	color:#fefefe;
	text-transform:uppercase;
}



/*----------------------------------------------------
	 6. Our Team Style
------------------------------------------------------*/
.ourteam{
	background:#fff;
}
.ourteam .container{
	padding-top:85px ;
	padding-bottom:90px ;
}

.ourteam h2{
	color:#242424;
}
.ourteam h3{
	color:#242424;
}
.ourteam h3.membername{
	padding-bottom:5px;
}
p.jobrole{
	padding-bottom:12px;
}
.ourteam p{
	color:#5b5b5b;
	line-height:25px;
}
.ourteam .heading p{
	padding-bottom:41px;
}

.ourteam h4{
	font-weight:700;
}
.ourteam .box{
	border:solid 1px #dbdbdb;
}

.member{
	text-align:center;
	border-right:solid 1px #dbdbdb;
	padding:60px 30px 50px;
}
.member:nth-child(3n+3){
	border-right:none;
}

.member h3{
	font-weight:400;
	padding-bottom:11px;
}
.member span.round{
	margin:0 auto;
	width:230px;
	max-width:100%;
	height:230px;
	max-height:100%;
	overflow:hidden;
	display:block;
	margin-bottom:45px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.member span.round img{
	width:100%;
	height:100%;
}


ul.memberLink{
	margin:0 auto;
	text-align:center;
	list-style-type:none;
	padding-top:10px;
}
ul.memberLink li{
	display:inline-block;
	text-align:center;
	background:#bebebe;
	color:#fff;
	line-height:34px;
	margin:0 1px 5px;
	width:34px !important;
	height:34px !important;
	
	-webkit-border-radius: 50%;
    border-radius: 50%;
}
ul.memberLink li:hover{
	background:#212121 ;
	color:#ffe400;
}
ul.memberLink li:hover	a{
	color:#ffe400;
}

ul.memberLink li a{
	color:#fff;
	width:34px !important;
	height:34px !important;
}
ul.memberLink li a i{
	line-height:34px !important;
}




/*----------------------------------------------------
	 7. Protfolio Style
------------------------------------------------------*/
.protfolio{
	background:#fff;
	color:#242424;
	width:100%;
	overflow:hidden;
}
.protfolio .container{
	padding-top:85px ;
	padding-bottom:93px ;
}
.protfolio .heading{
	padding:108px 0 90px 0;
	background:#ffe400 url(../images/pattern.png) repeat 0 0 ;
}
.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:13px;
	line-height:15px;
	color:#5b5b5b;
	text-transform:uppercase;
	display:block;
	text-decoration:none;
	border:solid 1px #dbdbdb;
	border-right:none;
	
	transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
}
.portfolioFilter ul li:last-child a{
	border-right:solid 1px #dbdbdb;
}

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

.portfolioFilter ul li a.current{
	background:#ffe400;
	border:solid 1px #ffe400;
	color:#5b5b5b;
}



ul.portfolioContainer{
	display:block;
	padding:0px;
	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(255, 228, 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;
}




/*----------------------------------------------------
	 8. Testimonial Style
------------------------------------------------------*/
.testimonialArea{
	float:none;
	margin:0 auto;
	text-align:center;
}
.testimonial .clientPic{
	width: 150px;
	height:150px;
	overflow: hidden;
	margin:0 auto;
	background:#2a2a2a;
	margin-bottom:45px;
	
	-webkit-border-radius: 50%;
    border-radius: 50%;
}
.testimonial h3{
	font-size:24px;
	line-height:28px;
	font-weight:700;
	color:#5b5b5b;
	padding-bottom:12px;
}
.testimonial h4{
	font-size:18px;
	line-height:22px;
	font-weight:400;
	color:#5b5b5b;
	padding-bottom:35px;
}

.testimonial .slides{
	height:100%;
	overflow:hidden;
}

ol.flex-control-paging{
	list-style-type:none;
	width:auto;
	margin:0 auto;
	text-align:center;
}
ol.flex-control-paging li{
	display:inline-block;
	padding:0 6px;
}
ol.flex-control-paging li a{
	font-size:0px;
	line-height:0px;
	width:14px;
	height:14px;
	display:block;
	border:solid 1px #818181;
	cursor:pointer;
	
	-webkit-border-radius: 50%;
    border-radius: 50%;
}
ol.flex-control-paging li a.flex-active{
	background:#2a2a2a;
	border-color:#2a2a2a;
}
ul.flex-direction-nav{
	display:none;
}

.worlcompany ul.flex-direction-nav{
	display:block;
}
.worlcompany ul.flex-direction-nav li{
	padding:0px;
	border:none;
}
.worlcompany ul.flex-direction-nav li a.flex-prev{
	font-size:0px;
	line-height:0px;
	padding: 0px;
	width:18px;
	height:21px;
	position: absolute;
	left: -15px;
	top: 29px;
	background:url(../images/left-arrow.png) no-repeat 0 50%;
	
	opacity:0.3;
	
	-webkit-transition-duration: 700ms;
    -moz-transition-duration: 700ms;
    -o-transition-duration: 700ms;
    transition-duration: 700ms;
}
.worlcompany ul.flex-direction-nav li a.flex-prev:hover{
	opacity:1.0;
}
.worlcompany ul.flex-direction-nav li a.flex-next{
	font-size:0px;
	line-height:0px;
	padding: 0px;
	width:18px;
	height:21px;
	position: absolute;
	right: -15px;
	top: 29px;
	background:url(../images/right-arrow.png) no-repeat 0 50%;
	opacity:0.3;
	
	-webkit-transition-duration: 700ms;
    -moz-transition-duration: 700ms;
    -o-transition-duration: 700ms;
    transition-duration: 700ms;
}
.worlcompany ul.flex-direction-nav li a.flex-next:hover{
	opacity:1.0;
}


.worlcompany{
	padding: 0;
}
.worklogo{
	padding:0 17px;
}
.worklogo ul{
	padding:0;
	margin:0;
	text-align:center;
	list-style-type:none;
}
.worklogo li{
	margin:0 11px;
	padding:22px 33px;
	border:solid 1px #8a8a8b;
	display:inline-block;	
	width:auto !important;
}


.worklogo .flex-control-paging{
	display:none;
}


/*----------------------------------------------------
	 8.1 We work Style
------------------------------------------------------*/
.wework{
	background:#101010 url(../images/we-work-bg.jpg) repeat 0 0 fixed;
	text-align:center;
	padding:128px 0 120px;
	position:relative;
}
.wework:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1;
	background: rgba(0, 0, 0, 0.7);
}

.wework .container{
	position:relative;
	z-index:2;
}
.wework h2{
	font-size:33px;
	line-height:44px;
	font-weight:600;
	text-transform:uppercase;
}
.wework h2 span{
	color:#ffe400;
}



/*----------------------------------------------------
	9. Contact Style
------------------------------------------------------*/

.contact{
	background:#fff;
}
.contact .container{
	padding-top:85px ;
	padding-bottom:90px ;
}

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

.contact h4{
	font-weight:700;
}

.topCon{
	padding-bottom:0px !important;
}
.mapArea{
	height:500px;
	overflow:hidden;
	width:100%;
	margin:0;
}
.mapArea iframe{
	width:100%;
	height:100%;
}


.contactDetails{
	background:#fff;
}
.contactDetails .container{
	padding-top:85px ;
	padding-bottom:90px ;
	text-align:center;
}
.contactDetails h3{
	font-weight:700;
	text-transform:uppercase;
	padding-bottom:38px;
	color:#242424;
}
.contactDetails p{
	color:#93959c;
	font-size:13px;
	line-height:19px;
	padding-bottom:14px;
}
.contactDetails p a{
	color:#93959c;
}
.contactDetails p a:hover{
	color:#a9abb0;
	text-decoration:none;
}

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


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

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


.conForm .submitBnt{
	background:#ffe400;
	font-family: 'Open Sans', sans-serif;
	color:#2a2a2a;
	font-size:16px;
	font-weight:600;
	text-align:center;
	float:right;
	margin:0px;
	border:none !important;
}
.conForm .submitBnt:hover{
	background:#f3d900;
}

.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:#ffe400;
}



/*----------------------------------------------------
	 10. Footer Style
------------------------------------------------------*/
.footer{
	background:#fff;
}
.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:#ffe400;
	color:#ffffff;
	line-height:64px;
	margin:0 6px 14px;
	width:64px !important;
	height:64px !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:64px !important;
}

.footer p{
	color:#5b5b5b;
	font-size:14px;
	line-height:28px;
	text-align:center;
}
.footer p:last-child{
	padding-bottom:0px;
}



/*---------------------------------------------------------------------------------
	11. Theme changes style 
-------------------------------------------------------------------------------*/
.theme-changer-wrap {
	position:fixed;
	z-index:5000;
	top:100px;
	left:-154px;
}
.theme-changer {
	float: left;
	background:url(../images/container-bg.png) repeat scroll;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	font-family:Helvetica, Arial;
	padding:15px 20px;
	border-bottom-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}
.changer-inner {
	overflow:hidden;
	width:114px;
}
.theme-changer-wrap a {
	float:left;
	display:block;
	margin-right:3px;
	margin-left:3px;
	margin-bottom:5px;
	width:32px;
	height:32px
}
a.light-skin {
	height:32px;
	width:51px;
	margin-bottom:5px;
	float:left;
	display:block;
	box-shadow: #b2b2b2 1px 1px 1px;
	margin-right:3px;
	margin-left:3px;
	background:#fff;
}
a.dark-skin {
	height:32px;
	width:51px;
	margin-bottom:5px;
	float:left;
	display:block;
	box-shadow: #b2b2b2 1px 1px 1px;
	margin-right:3px;
	margin-left:3px;
	background:#3f3f3f;
	opacity:1;
	z-index:1000;
}
a.color-themes {
	cursor:pointer;
}
a.col1 {
	background:#ffe400;
}
a.col2 {
	background:#29C5FF;
}
a.col3 {
	background:#F63180;
}
a.col4 {
	background:#3bc492;
}
a.col5 {
	background:#ff5e56;
}
a.col6 {
	background:#b061cf;
}

a.col7 {
	background:#ffe400;
}
a.col8 {
	background:#29C5FF;
}
a.col9 {
	background:#F63180;
}
a.col10 {
	background:#3bc492;
}
a.col11 {
	background:#ff5e56;
}
a.col12 {
	background:#000;
}

.changer-inner span {
	display: block;
	margin-bottom:15px
}
.theme-changer-wrap a.pat {
	float:left;
}
.theme-changer-wrap a.pat#pat1 {
	background:url(../images/test/pattern1.jpg);
}
.theme-changer-wrap a.pat#pat2 {
	background:url(../images/test/pattern2.jpg);
}
.theme-changer-wrap a.pat#pat3 {
	background:url(../images/test/pattern3.jpg);
}
.theme-changer-wrap a.pat#pat4 {
	background:url(../images/test/pattern4.jpg);
}
.theme-changer-wrap a.pat#pat5 {
	background:url(../images/test/pattern5.jpg);
}
.theme-changer-wrap a.pat#pat6 {
	background:url(../images/test/pattern6.jpg);
}
div.open-close {
	position: relative;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	left:0;
	display: block;
	width:38px;
	height: 36px;
	float: left;
	cursor:pointer;
	background:url(../images/sett.png) #2e2e2e no-repeat 50% 50%;
	opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}
.banner .slide:after {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
}
.banner .slide:after {
	content: '';
	background: transparent url(../images/patterns/pat1.png) repeat 0 0;
}
.pat1 .slide:after {
	content: '';
	background: transparent url(../images/patterns/pat1.png) repeat 0 0 !important;
}
.pat2 .slide:after {
	content: '';
	background: transparent url(../images/patterns/pat2.png) repeat 0 0 !important;
}
.pat3 .slide:after {
	content: '';
	background: transparent url(../images/patterns/pat3.png) repeat 0 0 !important;
}
.pat4 .slide:after {
	content: '';
	background: transparent url(../images/patterns/pat4.png) repeat 0 0 !important;
}
.pat5 .slide:after {
	content: '';
	background: transparent url(../images/patterns/pat5.png) repeat 0 0 !important;
}
.pat6 .slide:after {
	content: '';
	background: transparent url(../images/patterns/pat6.png) repeat 0 0 !important;
}



	
/*---------------------------------------------------------------------------------
	 12. 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) {
	.navbar.navbar-inverse.navbar-static-top a{
		padding-left:12px;
		padding-right:12px;
	}
	
	.bannerText{
		padding-left:25px;
		padding-right:25px;
	}
	.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{
		background:#fff;
	}
}




@media screen and (max-width: 810px) {
	body{
		min-height:700px;
	}
	#header h3{
		font-size: 38px;
	}
	#header h3 span{
		font-size: 16px;
	}
	
	.abc{
		width:100%;
	}
	
	.navbar.navbar-inverse.navbar-static-top a {
		padding-left: 7px;
		padding-right:8px;
	}
	
}


@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{
		padding-right: 15px;
		padding-left: 15px;
	}
	ul.portfolioContainer li.col-xs-6{
		width:49%;
		min-height: 85px;
		
	}
	.navbar-toggle {
		margin-top: 23px;
	}
	.navbar .container{
		padding:0;
	}
	.navArea{
		width: 100%;
		margin-top: -80px;
	}
	.navbar-header .navbar-brand{
		float:right;
	}
	.navbar-nav{
		position: absolute;
		width: 100%;
		left: 0;
		color:#fff;
		background:#181a1c;
	}
	.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;
	}
	
	.member{
		border-right:none;
		border-bottom: solid 1px #dbdbdb;
	}
	
}


@media screen and (max-width: 767px) {
	.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.html) no-repeat 50% 100%;
	}
	.education .arrowpart{
		background:url(../images/arrow-top-light.html) no-repeat 50% 100%;
	}
	.exCon{
		margin-left:0px;
	}
	ul.navbar-nav li a{
		display:block;
	}
	.about{
		border-right:none;
		border-bottom:solid 1px #dbdbdb
	}
	.about:nth-child(3n+3){
		border-bottom: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 */
	}
	
	
	.bannerText {
		top: 25%;
		padding-top:15px;
		padding-bottom:15px;
	}
	.bannerText h1 {
		font-size: 42px;
		line-height: 48px;
	}
	.bannerText h2 {
		font-size: 18px;
		line-height:24px;
	}
}


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


@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;
		
	}
}