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

	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 Us Style
	5. Protfolio Style
	6. Service Style
	7. Blog Style
	8. Contact Style
	9. Footer Style
	10. Responsive style		
		
--------------------------------------------------------------------------------/*

/*----------------------------------------------------
	1. CSS Reset
------------------------------------------------------*/
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
 



* {
	padding:0;
	margin:0;
}
body {
	color:#8c9099;
	font-family: '나눔고딕', Nanum Gothic, '굴림', 'Gulim', 'sans-serif', 'Tahoma';
	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: '나눔고딕', Nanum Gothic, '굴림', 'Gulim', 'sans-serif', 'Tahoma';
	font-size:90px;
	line-height:76px;
	font-weight:700;
	margin:0px;
	/*padding-bottom:8px;*/
}
h2{
	font-family: '나눔고딕', Nanum Gothic, '굴림', 'Gulim', 'sans-serif', 'Tahoma';
	font-size:35px;
	color:#313338;
	line-height:57px;
	padding-bottom:10px;
	font-weight:700;
	text-transform:uppercase;
	margin:0px;
}
h3{
	font-family: '나눔고딕', Nanum Gothic, '굴림', 'Gulim', 'sans-serif', 'Tahoma';
	font-size:27px;
	line-height:30px;
	padding-bottom:10px;
	font-weight:600;
	margin:0px;
}
h4{
	font-family: '나눔고딕', Nanum Gothic, '굴림', 'Gulim', 'sans-serif', 'Tahoma';
	font-size:21px;
	line-height:24px;
	padding-bottom:10px;
	font-weight:600;
	margin:0px;
}
h5{
	font-family: '나눔고딕', Nanum Gothic, '굴림', 'Gulim', 'sans-serif', 'Tahoma' ;
	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 #ff554e;
	display:inline-block;
}
.heading h2 span {
	display:block;
}
.heading h3{
	font-family: '나눔고딕', Nanum Gothic, '굴림', 'Gulim', 'sans-serif', 'Tahoma' ;
	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
------------------------------------------------------*/
body.noScroll {
	overflow:hidden;
}
.noTopgap {
	padding-top:0 !important;
}
header{
	position:relative;
}
.banner{
	overflow:hidden ;
	margin:0 auto !important;
	background:#CACACA;
	z-index:10;
}

.bannerText{
	width:100%;
	position:absolute ;
	left:0;
	top:50%;
	text-align:center;
	margin-top:-200px;
	padding:30px 0 30px ;
	z-index:999999 ;

}

.bannerText h1{
	font-family: '나눔고딕', Nanum Gothic, '굴림', 'Gulim', 'sans-serif', 'Tahoma' ;
	text-transform:uppercase;
	line-height:50px;
	/*margin-top:10px;*/
}
.bannerText h1 span{
	color:#ff554e;
}  
.bannerText h3{
	color:#fff;
	font-size:35px;
	line-height:normal;
	font-weight:500;
	text-transform:uppercase;
	margin-top:30px;
	margin-bottom:20px;
}
.bannerText p{
	font-size:18px;
	color:#9295a1;
	text-transform:none;
	padding-bottom:44px;
}
.bannerText .mbnt{
	font-family: '나눔고딕', Nanum Gothic, '굴림', 'Gulim', 'sans-serif', 'Tahoma' ;
	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:#ff554e;
	border-color:#ff554e;
}


/*------------------------------------
	3.1 Slide show background control
--------------------------------------*/ 
.banner{
	background:#000;
}
.banner h1 {
	color:#fff;
}


/*----------------------------------------------------
 	3.2 Menu Style
------------------------------------------------------*/
.isStuck{
    left:0px;
    width:100%;
}
.menu{
	 margin-top:0px;
	 position: absolute;
	 z-index:9999;
	 /*margin-top:20px;*/
	 left:0px;
	 right:0px;
	 margin-bottom:-100px;
	 /*display:none;*/
}
.menu.showmenu {
	display:block;
}
.logo{
	float:left;
	background:url(../images/logo.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:block !important;
}
.nav > li > a{
	display:inline-block;
}
.navbar-nav > li{
	float: none;
	display: inline-block;
}
.navbar-nav{
	margin: 0 auto;
	float: none;
	text-align:right;
}

.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: '나눔고딕', Nanum Gothic, '굴림', 'Gulim', 'sans-serif', 'Tahoma' ;
  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:#ff554e ;
	
	-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%;
}

/* Arrow pointer
-------------------------------------------------- */
.arrow {
  position: absolute;
  bottom:50px;
  left: 50%;
  margin-left:-20px;
  z-index:999;
  width:50px;
  height:50px;
}

.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
.animated{-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;

            animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;

animation-fill-mode:both;
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
-ms-animation-duration:2s;
-o-animation-duration:2s;
animation-duration:2s;
}


@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}



@media screen and (max-width: 810px) {
		
	.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;
	}
	
}

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

.aboutus .heading p{
	padding-bottom:41px;
	color:#fff;
	font-weight:600;
}

.aboutus h2 {
	padding-top:30px;
	color:#fff;
}

.aboutus h4 {
	color:#fff;
}


.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:#ff675f;
}
.teammember {
	background:#ff554e;
}

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:10px;
	height:10px;
	display:block;
	background:#fff;
	cursor:pointer;
	
	-webkit-border-radius: 50%;
    border-radius: 50%;
}
ol.flex-control-paging li a.flex-active{
	background:#ff554e;
}
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:91px;
	height:91px;
	position: absolute;
	left: -100px;
	top: 214px;
	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:91px;
	height:91px;
	position: absolute;
	right: -100px;
	top: 214px;
	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;
}
.worklogo ul{
	padding:0;
	margin:0;
	text-align:center;
	list-style-type:none;
	font-size:0;
}
.worklogo li{
	margin:0;
	padding:0;
	display:inline-block;	
	width:auto !important;
}
.worklogo .flex-control-paging{
	display:none;
}
.worklogo li .imgwrap {
	position:relative;
}
.worklogo li .hoverinfo {
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	z-index:9;
	background:#323641;
	color:#fff;
	opacity: .0;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}
.worklogo li .memberdesc {
	background:#fff;
	padding:45px;
	color:#313338;
	font-family: 'Montserrat', sans-serif;
	text-align:left;
}
.worklogo li .memberdesc h3 {
	font-size:27px;
	font-weight:bold;
	color:#313338;
}
.worklogo li .memberdesc p {
	font-size:18px;
	padding:0;
	margin:0;
}

.worklogo li:hover .hoverinfo {
	opacity: .9;
	height:100%;
}
.worklogo li:hover .memberdesc {
	background:#ff554e;
	color:#fff;
}
.worklogo li:hover .memberdesc h3 {
	color:#fff;
}
.socialshare {
	width:105px;
	height:85px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-42px;
	margin-left:-52px;
}
.socialshare a {
	display:inline-block;
	width:42px;
	height:40px;
	line-height:40px;
	margin:2px;
	text-align:center;
	background:#ff554e;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
}
.socialshare a i {
	line-height:40px;
	color:#fff;
	font-size:20px;
}
.socialshare a:hover {
	background:#fff;
}
.socialshare a:hover i {
	color:#ff554e;
}
/*----------------------------------------------------
	 8. Testimonial Style
------------------------------------------------------*/
.testimonialArea{
	float:none;
	margin:0 auto;
	text-align:center;
}
.testimonial .clientPic{
	width: 300px;
	height:300px;
	overflow: hidden;
	margin:0 auto;
	margin-bottom:45px;
}
.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;
}
.ourteam {
	background:#323641;
	padding:126px 0;
}
.ourteam p {
	font-size:21px;
	font-weight:400;
	line-height:30px;
	color:#fff;
}

/*----------------------------------------------------
	6. Services
------------------------------------------------------*/
.services {
	background:#fff;
}
.services .container{
	padding-top:40px ;
	padding-bottom:59px ;
}
.services .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:#ff554e;
	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 .day {
	font-size:20px;
	font-weight:400;
	color:#4f525a;
	line-height:normal;
	text-transform:uppercase;
}
.expertiesdesc p {
	margin-bottom:20px;
}


/*----------------------------------------------------
	6. Services2
------------------------------------------------------*/
.services2 {
	background:#fff;
}
.services2 .container{
	padding-top:150px ;
	padding-bottom:59px ;
}
.services2 .heading {
	/*padding-bottom:111px;*/
}
.expertiesico2 {
	padding:10px 0;
	margin-bottom:58px;
	border-right:1px solid #dcdcde;
	text-align:center;
}
.expertiesico2 span.ico {
	width:120px;
	height:120px;
	display:inline-block;
	background-color:#ff554e;
	text-align:center;
	color:#fff;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}
.expertiesico2 span.ico i {
	line-height:120px;
}
.expertiesdesc2 {
	margin-bottom:58px;
}
.expertiesdesc2 .day {
	font-size:20px;
	font-weight:400;
	color:#4f525a;
	line-height:normal;
	text-transform:uppercase;
}
.expertiesdesc2 p {
	margin-bottom:20px;
}



/*----------------------------------------------------
	 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 .heading h2 span{
	color:#fff;
	font-size:45px;
}

.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: 300px;
	margin: 0px auto;
	position: absolute;
	top: 10%;
	/*left: 15%;*/
	left: 12%;
	/*margin-left: -60px;*/
	/*margin-top: -27px;*/
	color:#fff;
}

	span.hoverBox .smallIcon span {
		font-size:1.5em;
	}

@media screen and (max-width: 1200px) {
	span.hoverBox .smallIcon span {
		font-size:1em;
	}
}

@media screen and (max-width: 991px) {
	span.hoverBox .smallIcon span {
		font-size:0.8em;
	}
}


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%;

	margin-right:160px;
}
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;
}

/*----------------------------------------------------
	7. Blog
------------------------------------------------------*/
.blog .expertiesico {
	text-align:left;
	padding:0;
}
.blog p {
	margin:0;
	padding:0;
}
p.date {
	font-size:13px;
	font-weight:700;
	color:#8c9099;
	padding-bottom:10px;
}
.blog p a {
	color:#ff554e;
	font-style:italic;
}

/*----------------------------------------------------
	8. Contact Style
------------------------------------------------------*/

.contact{
	background:#ff675f;
}
.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:#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:#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:#ff554e;
	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;
}

/*----------------------------------------------------
	 9. Footer Style
------------------------------------------------------*/
.footer{
	background:#323641;
}
.footer .container{
	padding:30px 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%;*/
	vertical-align:top;
	border-top: 1px solid #404548;
	padding-top:20px;
}
.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;
}


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

/* 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;}

/*---------------------------------------------------------------------------------
	 10. 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:40px;
		line-height:41px;
	}
	.bannerText h2{
		font-size:28px;
	}
	.bannerText h3{
		font-size:20px;
	}
	.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;
	}
	
	.worlcompany ul.flex-direction-nav li a.flex-prev {
		left:0;
	}
	.worlcompany ul.flex-direction-nav li a.flex-next {
		right:0;
	}
	.worklogo {
		margin: 0 auto;
		padding: 0;
		width: 318px;
	}
	.flex-viewport {
		width: 320px !important;
	}
	.worlcompany ul.flex-direction-nav li a.flex-next,
	.worlcompany ul.flex-direction-nav li a.flex-prev{
		top:155px;
	}

	
}


@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 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: 16px!important;
		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:16px!important;
	}
	.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;
		
	}
}

span.hoverBox {visibility:visible}