@charset "utf-8";

/*
	[ Main Stylesheet ]
	<?xml version="1.0" encoding="UTF-8"?>

	Theme Name: Lucifer
	Version: 1.0.0
	Author: Mkscoder
	Author URI: http://www.mkscoder.com
	Description:Multi-Purpose Theme by Mkscoder

*/


/* 
	-----------------------------------------------------------
		[Table of contents]
	-----------------------------------------------------------

		1. Home Menu
		2. Nav Bottom Content
		3. Slider Bottom Content
		4. Founded Content
		5. Skill Bar
		6. Portfolio
		7. Comment Slide
		8. News
		9. Footer One
	   10. Home Two
	   11. Home Two Features
	   12. Home Three Features
	   13. About Us One
	   14. Our Team
	   15. About Two
	   16. Contact One
	   17. Error Page
	   18. Coming Soon
	   19. Blog One
	   20. Blog Two
	   21. Blog Single
	   22. Portfolio Single
	   23. Preloader
*/







/* ============================ 1) Home Menu ============================ */

/* Navigation */
	#navigation{
		width:100%;
		border-bottom:1px solid #e2e2e2;
		position:absolute;
		z-index:9999;
		background:#fff;
		height:80px;
	}
	#navigation .navigation{
		padding:0;
		height:100%;
	}
/* Logo */
	.navigation .logo{
		float:left;
		position:relative;
		z-index:999;
		text-align: left;
		margin-top:10px;
	}
	.navigation .logo a{
		width:auto;
	}
	.logo p{
		font-size:14px;
		font-family:'Raleway', Sans-serif;
		font-weight:600;
		color:#252525;
		display:inline;
		position:relative;
		top:6px;
	}
	.navigation .logo img{
		margin-right:10px;
        margin-top:15px;
	}
/* Nav Menu */
	.nav-menu{
		width:auto;
		float:right;
		height:80px;
		text-align:left;
	}
	.nav-menu ul{
		padding:0;
		margin:0;
		float:left;
	}
	.nav-menu ul li{
		height:100px;
		width:auto;
		display:block;
		float:left;
		list-style:none;
		padding:38px 11px;
		margin:0;
	}
	.nav-menu ul li  a{
		padding:0px;
		display:block;
		text-transform:uppercase;
		font-size:14px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 700;
		text-align:center;
		color:#666666;
	}
	.nav-menu ul li:last-child a{
		padding-right:15px;
	}
	.nav-menu a:hover{
		color:#c0a884;
	}
	.nav-menu a.active{
		color:#c0a884;
	}
	.main-nav > li > a:hover,
	.main-nav > li > a:focus{
		background:none;
	}
	.main-nav li.active a{
		color:#c0a884;
	}


/* ============================ 2) Nav Bottom ============================ */	
	.nav-bottom-left-content p{
		font-size:14px;
		font-family:'Open Sans', sans-serif;
		font-weight:400;
		color:#fff;
		padding-top:20px;
		padding-bottom:8px;
	}
	.nav-bottom-right-content{
		text-align:right;
		z-index:101;
	}
	.nav-bottom-right-content ul{
		float:right;
		margin-right:60px;
		position:relative;
		z-index:1;
	}
	.nav-bottom-right-content ul li{
		display:inline-block;
		padding:13px;
		-webkit-transition:all 0.3s ease-out 0.25s;
		-moz-transition:all 0.3s ease-out 0.25s;
		-ms-transition:all 0.3s ease-out 0.25s;
		-o-transition:all 0.3s ease-out 0.25s;
		transition:all 0.3s ease-out 0.25s;	
	}
	.nav-bottom-right-content ul li a{
		font-size:20px;
		color:#ffffff;
		-webkit-transition:all 0.3s ease-out 0.25s;
		-moz-transition:all 0.3s ease-out 0.25s;
		-ms-transition:all 0.3s ease-out 0.25s;
		-o-transition:all 0.3s ease-out 0.25s;
		transition:all 0.3s ease-out 0.25s;	
	}
	
	.expand-search{
		float: right;
		width: 100%;
		position: absolute!Important;
		right:23px;
	}
	
/* ============================ 3) Slider Bottom ============================ */
	#slider-bottom{
		margin-top:80px;
		margin-bottom:80px;
	}
	.page-header{
		text-align:center;
		border:none;
		margin:0;
		padding-bottom:80px;
	}
	.page-header h1{
		font-size:36px;
		font-family:'Ubuntu', sans-serif;
		font-weight:700;
		color:#333333;
		margin:0;
	}
	.page-header p{
		font-size:18px;
		font-family:'Open Sans', sans-serif;
		font-weight:300;
		color:#999999;
		margin-bottom:0px;
		margin-top:15px;
	}
	
	#slider-bottom .about-boxes{
		width:100%;
		z-index:3;
		position: relative;
		margin:0px auto 0;
		clear: both;
	}
	#slider-bottom .about-boxes .about-box{
		cursor: pointer;
		text-align:center;
		margin-bottom: 70px;
	}
	.lead{
	font-size:15px!important;
	margin-bottom:60px;
	}
	
	a.blog-read-more{
		font-size:14px;
		font-family:'Open Sans', sans-serif;
		font-weight:400;
		
	}
	
	#slider-bottom .about-boxes .about-box a.about-icon{
		display:block;
		background:transparent;
		width:80px;
		height: 80px;
		margin:0 auto;
		text-align:center;
		border-radius: 50px;
		color:#14135F;
		font-size:30px;
		line-height: 65px;
		position: relative;
		perspective: 800px;
		-webkit-transition: all 2s ease-in-out;
	-moz-transition:    all 2s ease-in-out;
	-o-transition:      all 2s ease-in-out;
	-ms-transition:     all 2s ease-in-out;
	}
	.about-box-shadow-1{
		padding-top:30px;
	}
	.about-box-shadow{
		border-radius:3px;
		-webkit-transition:all 0.3s ease-out 0.25s;
		-moz-transition:all 0.3s ease-out 0.25s;
		-ms-transition:all 0.3s ease-out 0.25s;
		-o-transition:all 0.3s ease-out 0.25s;
		transition:all 0.3s ease-out 0.25s;		
	}
	#slider-bottom .about-boxes .about-box h3{
		font-size:24px;
		font-family:'Ubuntu', sans-serif;
		font-weight:400;
		color:#333333;
		margin:30px auto 25px;
		padding:0;
	}

	#slider-bottom .about-boxes .about-box p{
		font-size:16px;
		color:#666666;
		font-weight:400;
		line-height:30px;
		font-family:'Open Sans', sans-serif;
		margin-bottom:25px;
	}

	#slider-bottom .about-boxes .about-box:hover a.about-icon{
		background:#ffffff;
		color:#14135F;
		-webkit-transform: rotateY(360deg);
		-moz-transform:    rotateY(360deg);
		-o-transform:      rotateY(360deg);
		-ms-transform:     rotateY(360deg);
	}
	#slider-bottom .about-boxes .about-box:hover a.blog-read-more{
		
		-webkit-transition: all .3s ease-in-out;
	-moz-transition:    all .3s ease-in-out;
	-o-transition:      all .3s ease-in-out;
	-ms-transition:     all .3s ease-in-out;
	}

	#slider-bottom .about-boxes .about-box:hover a.about-icon:after{
		border:3px solid #14135F;
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
	
/* ============================ 4) Founded ============================ */
	.parallax-1{
		background-image: url(../../assets/images/parallax-1.jpg);
		background-repeat:repeat;
		background-size: cover;
		width:100%;
		height:100%;
		min-height: 100%;
		overflow-x: hidden;
		overflow-y: hidden;
		vertical-align: middle;
		z-index: 1;
	}
	.founded-content{
		text-align:center;
		padding:80px 0px;
		z-index: 2;
		position: relative;
	}
	.founded-content p{
		font-size:18px;
		font-family:'Open Sans', sans-serif;
		font-weight:300;
		color:#ffffff;
	}
	.founded-content span{
		font-size:24px;
		font-family:'Ubuntu', sans-serif;
		font-weight:400;
		color:#ffffff;
		cursor:pointer;
	}
	.tooltip.top{
		font-size:14px;
		font-family:'Open Sans', sans-serif;
		font-weight:400;
		color:#ffffff;
		border-radius:3px;
		margin-top:-15px;
		padding:5px 0px;
	}
	
/* ============================ 5) Skill Bar ============================ */
	#skill .row{
		margin-bottom:80px;
	}
	#skill{
		background-color:#f5f5f5;
	}
	.page-header-1 h1{
		font-size: 30px;
		font-family: 'Ubuntu', sans-serif;
		font-weight: 300;
		color: #333333;
		text-align:left;
		line-height:25px;
		padding-top:80px;
	}
	.progress-col {
		text-align:left;
		margin-top: 30px;
		margin-bottom: 40px;	
	}
	.skills {
		text-align: left;
		margin: 40px 0px;	
		padding:0px;
		color:#fff;
	}

	.skillbar {
		position:relative;
		display:block;
		margin-bottom:15px;
		width:100%;
		background:#ebebeb;
		border:none;
		border-radius:0px;
		height:5px;
		-webkit-transition:0.4s linear;
		-moz-transition:0.4s linear;
		-ms-transition:0.4s linear;
		-o-transition:0.4s linear;
		transition:0.4s linear;
		-webkit-transition-property:width, background-color;
		-moz-transition-property:width, background-color;
		-ms-transition-property:width, background-color;
		-o-transition-property:width, background-color;
		transition-property:width, background-color;
	}
	.skillbar-bar {
		height:5px;
		width:0px;
		border-radius:0px;
	}

	.progress-col p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color:#333333;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
	} 

	.progress-col p span.design{
	position:absolute;
	left:54%;
	}
	.progress-col p span.development{
	position:absolute;
	left:33%;
	}
	.progress-col p span.swimming{
	position:absolute;
	left:81%;
	}
	.progress-col p span.photography{
	position:absolute;
	left:61%;
	}


/* Skill bar*/

	.about-us-content{
		margin-top:30px;
	}
	.about-us-content p{
		line-height:30px;
		font-size:16px;
		font-family:'Open Sans', sans-serif;
		color:#666666;
		font-weight:400;
		margin-bottom:40px;
	}
	
	.about-us-content a{
		line-height:30px;
		font-size:14px;
		font-family:'Open Sans', sans-serif;
		font-weight:400;
	}

/* ============================ 6) Portfolio ============================ */
	#portfolio{
		margin-top:80px;
	}
	.h-30{
		margin-top:30px;
	}
	
	/*= PORTFOLIO FILTERS =*/

#filters {
	padding:0;
	list-style:none;
	margin-bottom:30px;
}

#filters li {
	float:left;
		
}
	
#filters li span {
	display: block;
	padding: 5px 20px;	
	margin-right: 5px;
	margin-top:5px;	
	text-decoration:none;
	color:#121212;
	cursor: pointer;
	background-color: #f5f5f5;
		
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-o-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
		
	-webkit-transition: .4s cubic-bezier(0.25,.46,.45,.94);
	transition: .4s cubic-bezier(0.25,.46,.45,.94);
	-webkit-transition-property: background-color,color;
	transition-property: background-color,color;
}
.grid {
	padding: 0px 0px 0px 0px;
	max-width: 100%;
	list-style: none;
	text-align: center;
}

.grid figure {
	margin: auto;
	position: relative;
}
.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
}
.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
 	display: table-cell;
    vertical-align: middle;	
	-webkit-transition:all 0.3s ease-out 0.25s;
		-moz-transition:all 0.3s ease-out 0.25s;
		-ms-transition:all 0.3s ease-out 0.25s;
		-o-transition:all 0.3s ease-out 0.25s;
		transition:all 0.3s ease-out 0.25s;		
}
.cbp-l-grid-fullScreen .grid figcaption {
	padding-top: 10%;
}

.grid figcaption a {
	color:#fff;
	margin-top: 10%;
	padding:10px 11px;
	border-radius:20px;
	-webkit-transition:all 0.3s ease-out 0.25s;
	-moz-transition:all 0.3s ease-out 0.25s;
	-ms-transition:all 0.3s ease-out 0.25s;
	-o-transition:all 0.3s ease-out 0.25s;
	transition:all 0.3s ease-out 0.25s;		
}
.portfolio-image-hover figure {
	overflow: hidden;
}
.portfolio-image-hover figure img {
    margin-left:auto; 
    margin-right:auto;
    width:100%;
	max-width:100%;
	overflow: hidden;
	-webkit-transition: -webkit-transform .6s cubic-bezier(.190, 1.000, .220, 1.000);
		transition: transform .6s cubic-bezier(.190, 1.000, .220, 1.000);
}
.portfolio-image-hover figure:hover img,
.portfolio-image-hover figure.cs-hover img {
	-webkit-transform: scale(1.25);
		-moz-transform: scale(1.25);
		-o-transform: scale(1.25);
		transform: scale(1.25);
}
.portfolio-image-hover figcaption {
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-moz-transform: scale(0.5);
		-webkit-transform: scale(0.5);
		-o-transform: scale(0.5);
		-ms-transform: scale(0.5);
		transform: scale(0.5);
	opacity: 0;
}
.portfolio-image-hover figure:hover figcaption{
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
	cursor:pointer;
	
}
.portfolio-image-hover figure:hover figcaption .cbp-l-caption-title,
.portfolio-image-hover figure:hover figcaption .cbp-l-caption-desc,
.portfolio-image-hover figure:hover figcaption a{
	opacity:1;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	}
.portfolio-image-hover figure figcaption .cbp-l-caption-title,
.portfolio-image-hover figure figcaption .cbp-l-caption-desc,
.portfolio-image-hover figure figcaption a {
	-moz-transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-o-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	opacity: 0;
}	

.cbp-l-filters-alignCenter .cbp-filter-item{
	font-size:20px!important;
	font-weight:600!important;
	}
.cbp-l-caption-title{
	font-size:24px!important;
	font-family:'Ubuntu', sans-serif!important;
	font-weight:300!important;
	text-align:left;
	margin-left:30px;
	-webkit-transition:all 0.3s ease-out 0.15s;
	-moz-transition:all 0.3s ease-out 0.15s;
	-ms-transition:all 0.3s ease-out 0.15s;
	-o-transition:all 0.3s ease-out 0.15s;
	transition:all 0.3s ease-out 0.15s;
	position:relative;
	}
.grid figcaption a:hover{
	transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
	}
.cbp-l-caption-desc{
	font-size:14px!important;
	font-family:'Open Sans', sans-serif!important;
	font-weight:400!important;
	text-align:left;
	color: #ffffff!important;
	margin-left:30px;
	margin-top:12px!important;
	-webkit-transition:all 0.3s ease-out 0.20s;
	-moz-transition:all 0.3s ease-out 0.20s;
	-ms-transition:all 0.3s ease-out 0.20s;
	-o-transition:all 0.3s ease-out 0.20s;
	transition:all 0.3s ease-out 0.20s;	
	position:relative;
	}
.cbp-l-caption-title a{
	padding:0px!important;
}	
	.cbp-l-loadMore-button .cbp-l-loadMore-button-link {
		border-radius: 50px!important;
	  display: inline-block;
	  min-width: 34px!important;
	  font-size: 15px!important;
	  text-decoration: none;
	 padding: 5px 7px 5px 7px!important;
	  outline: 0;
	  margin-top: 30px;
	  margin-bottom: 60px;
	  box-shadow: none;
	}
	
	.cbp-l-loadMore-text .cbp-l-loadMore-text-link{
		 cursor:pointer!important;
	}
	 .cbp-l-loadMore-button .cbp-l-loadMore-button-link:before{
	  display: inline-block;
	  font: normal normal normal 14px/1 FontAwesome;
	  font-size: inherit;
	  text-rendering: auto;
	  -webkit-font-smoothing: antialiased
	  -moz-osx-font-smoothing: grayscale
	  transform: translate(0, 0);
	  content: "\f067";
	}
	 .cbp-l-loadMore-button-link.cbp-l-loadMore-button-stop:before{
		content: '';
		
	}
	.cbp-l-loadMore-button-link.cbp-l-loadMore-button-stop{
		padding:5px 16px 5px 16px!important;
	}
	.cbp-link-custom{
		position:relative;
		width:100%;
		margin-top:30%;
	}
	.custom-link-1{
		  text-align: left;
		  left: 30px;
		  position: absolute;
		  bottom: -10px;
	}
	.custom-link-1 i{
		margin-right:10px;
		font-size:20px;
	}
	.custom-link-2{
		text-align: right;
		  right: 30px;
		  position: absolute;
		  bottom: -10px;
	}
	.custom-link-2 i{
		padding:5px 6px 5px 6px;
		border:2px solid #ffffff;
		border-radius:50px;
	}
	
	.cbp-l-loadMore-text-link i{
		
		padding:5px 7px 5px 7px;
		border-radius:50px;
		font-size:15px;
	}

/* ============================ 7) Comment Slide ============================ */
	.parallax-2{
		background-image: url(../../assets/images/parallax-2.jpg);
		background-repeat:repeat;
		background-size: cover;
		width:100%;
		height:100%;
		min-height: 100%;
		overflow-x: hidden;
		overflow-y: hidden;
		vertical-align: middle;
		z-index: 1;
	}
	.comment-sld{
		text-align:center;
	}
	.comment-slide-content{
		padding-bottom:80px;
	}
	.comment-slide-content img{
		padding-top:60px;
		padding-bottom:60px;
		margin:0 auto;
		text-align:center;
	}
	.content-para{
		width:100%;
		text-align:center;
		margin:0 auto;
	}
	.content-para p{
		line-height:36px;
		font-size:30px;
		font-family:'Ubuntu', sans-serif;
		color:#ffffff;
		font-weight:300;
		width:80%;
		margin:0 auto;
		padding-bottom:70px;
	}
	.commentator{
		font-size:18px;
		font-family:'Open Sans', sans-serif;
		font-weight:700;
	}
	
	

/* ============================ 8) News ============================ */
	.page-header-2 h1{
		font-size: 30px;
		font-family: 'Ubuntu', sans-serif;
		font-weight: 300;
		color: #333333;
		text-align:left;
		line-height:25px;
		padding-top:80px;
	}
	.news-image-1{
		padding-top:30px;
	}
	.news-image-2{
		padding-top:11px;
	}
	.news-image-1 img{
		float:left;
	}
	.news-slide{
		margin-top:30px;
	}
	.client-logo{
		margin-top:30px;
	}
	.client-logo-img{
		float:left;
	}
	.client-logo-img a{
		padding:29px 20px;
		border:2px solid #ebebeb;
		margin-bottom:30px;
		-webkit-transition:all 0.3s ease-out 0.15s;
		-moz-transition:all 0.3s ease-out 0.15s;
		-ms-transition:all 0.3s ease-out 0.15s;
		-o-transition:all 0.3s ease-out 0.15s;
		transition:all 0.3s ease-out 0.15s;	
	}

	.client-logo-img a:nth-child(odd) {
		margin-right:30px;
	}
	.client-logo-img a:hover{
		opacity:0.5;
		cursor:pointer;
		
	}
	.client-logo-img a{
		float:left;
		width:47%;
	}
	
	.purchase{
		background-color:#f5f5f5;
		margin-top:80px;
		margin-bottom:100px;
	}
	
	.purchase-left p{
		font-size:30px;
		font-weight:300;
		font-family:'Ubuntu', sans-serif;
		color:#666666;
		padding:30px 60px 25px 60px;
	}
	.purchase-button{
		margin-top:10px;
	}
	.purchase-button .btn-default{
		background-color: transparent;
		border-radius:0px;
		font-size:18px;
		font-family:'Open Sans', sans-serif;
		font-weight:700;
		padding:12px 30px;
		margin-top:30px;
	}
	.index-two-bottom-row{
		background-image: url(../../assets/images/index-two-container-back.jpg);
		background-repeat:repeat;
		background-size: cover;
		width:96.5%;
		height:100%;
		min-height: 100%;
		overflow-x: hidden;
		overflow-y: hidden;
		vertical-align: middle;
		z-index: 1;
		margin:80px 15px 100px 15px;
	}
	.index-two-client-1{
		padding-top:35px;
		padding-bottom:35px;
		text-align:center;
	}
	.index-two-client-image{
		float:left;
		margin-right:15px;
	}
	.index-two-client-content{
		text-align:left;
	}
	.index-two-client-content p{
		font-size:18px;
		font-family:'Open Sans', sans-serif;
		font-weight:300!important;
		font-style:Italic;
		color:#ffffff;
	}

/* ============================ 9) Footer One ============================ */
	.parallax-3{
		background-image: url(../../assets/images/parallax-3.jpg);
		background-repeat:repeat;
		background-size: cover;
		width:100%;
		height:100%;
		min-height: 100%;
		overflow-x: hidden;
		overflow-y: hidden;
		vertical-align: middle;
		z-index: 1;
	}
	.parallax-3 .col-md-3{
		float:left;
	}
	.footer-logo-img{
		padding-top:60px;
		padding-bottom:30px;
	}
	.footer-1-logo p{
		font-size:17px;
		font-family:'Ubuntu', sans-serif;
		color:#ffffff;
		padding-bottom:20px;
		font-weight: 300;
	}
	.footer-1-logo p a{
		font-size:17px;
		font-family:'Ubuntu', sans-serif;
		color:#ffffff;
		padding-bottom:20px;
		font-weight: 300;
	}
	.footer-1-logo ul li{
		display:inline-block;
		padding-right:10px;
	}
	.footer-1-logo ul li a img:hover{
		-webkit-transform: scale(1.25);
		-moz-transform: scale(1.25);
		-o-transform: scale(1.25);
		transform: scale(1.25);
	}
	.footer-1-logo ul li a img{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		-webkit-transition:all 0.3s ease-out 0.15s;
		-moz-transition:all 0.3s ease-out 0.15s;
		-ms-transition:all 0.3s ease-out 0.15s;
		-o-transition:all 0.3s ease-out 0.15s;
		transition:all 0.3s ease-out 0.15s;	
	}
	.footer-1-logo ul{
		padding-bottom:70px;
	}
	
	.footer-top-middle{
		padding-top:40px;
	}
	
	.footer-head h3{
		font-size:18px;
		font-family:'Ubuntu', sans-serif;
		font-weight:700;
		color:#999999;
	}
	
	.middle-left-in{
		float:left;
		text-align:left;
		padding-top:15px;
		
	}
	
	.middle-left-in ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	
	.middle-left-in ul li{
		padding-bottom:5px;
	}
	
	.middle-left-in ul li a{
		font-size:14px;
		font-family:'Ubuntu', sans-serif;
		font-weight:400;
		color:#ffffff;
		line-height:22px;
		cursor:pointer;
	}
	
	.middle-left-in ul li a i{
		padding-right:5px;
		font-size:5px;
	}
	
	.middle-right-in{
		float:right;
		text-align:left;
		padding-top:20px;
	}
	
	.middle-right-in ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	
	.middle-right-in ul li{
		padding-bottom:5px;
	}
	
	.middle-right-in ul li a{
		font-size:14px;
		font-family:'Ubuntu', sans-serif;
		font-weight:400;
		color:#ffffff;
		line-height:22px;
		cursor:pointer;
	}
	
	.middle-right-in ul li a i{
		padding-right:5px;
		font-size:5px;
	}
	.footer-middle-left{
		padding-top:40px;
	}
	.footer-contact{
		padding-top:20px;
	}
	.footer-contact p{
		font-size:14px;
		font-family:'Open Sans', sans-serif;
		color:#ffffff;
		font-weight:400;
		line-height:22px;
		margin-bottom:5px;
	}
	.tel span{
		border-left:1px solid #ffffff;
		height:10px;
		padding-left:5px;
	}
	
	.footer-newsletter{
		padding-top:40px;
	}
	.newsletter-form{
		padding-top:25px;
	}
	.newsletter-form .form-control{
		padding: 24px 12px;
		font-size: 12px;
		font-family: 'Roboto', sans-serif;
		font-weight:400;
		color: #858585;
		background-color: transparent;
		background-image: none;
		border: 1px solid #ffffff;
		border-right:none;
		border-radius: 0px;
	}
	.newsletter-form .input-group-addon {
	padding: 6px 12px;
	font-size: 24px;
	font-weight: normal;
	line-height: 1;
	color: #fff;
	text-align: center;
	border: 1px solid #ffffff;
	border-radius: 0px;
	border-left:none;
	}
	::-webkit-input-placeholder { /* WebKit browsers */
	    color:    #ffffff!important;
		font-family:'Open Sans', sans-serif;
		font-size:14px;
		font-weight:300;
		font-style: italic;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	    color:    #ffffff!important;
		font-family:'Open Sans', sans-serif;
		font-size:14px;
		font-weight:300;
		font-style: italic;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		color:    #ffffff!important;
		font-family:'Open Sans', sans-serif;
		font-size:14px;
		font-weight:300;
		font-style: italic;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
	    color:    #ffffff!important;
		font-family:'Open Sans', sans-serif;
		font-size:14px;
		font-weight:300;
		font-style: italic;
	}
	.newsletter-form p{
		color:#999999;
		font-family:'Open Sans', sans-serif;
		font-size:14px;
		font-weight:300;
		font-style: italic;
		line-height:22px;
		padding-top:5px;
	}
	.bottom-top{
		text-align:center;
	}

/* ============================ 10) Home Two ============================ */
	.portfolio-two-back{
		background-color:#f5f5f5;
	}
	.index-two-header{
		padding-top:80px;
	}
	

/* ============================ 11) Home Two Features ============================ */
	.services-container{
		margin-top:80px;
	}
	.service {
	margin-bottom: 40px;
	cursor:pointer;
	}
	.service-icon {
		float: left;
		margin-top:13px;
	}
	.service-shadow{
		padding:12px;
		background-color:#ffffff;
		border-radius:50px;
		-moz-box-shadow: 0 0 3px 3px #f0f0f0;
		-webkit-box-shadow: 0 0 3px 3px#f0f0f0;
		box-shadow: 0 0 3px 3px #f0f0f0;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.shadow-custom{
		padding:12px;
	}
	.shadow-custom-1{
		padding:12px 18px!important;
	}
	.shadow-custom-2{
		padding:12px 14px!important;
	}
	.shadow-custom-3{
		padding:15px 12px!important;
	}
	.service-info {
		padding-left: 100px;
		padding-top: 1px;
	}
	.service-info h4{
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
	font-size:24px;
	line-height:1;
	color:#333333;
	}
	
	.service-info p{
	font-size: 16px;
	line-height: 30px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color:#666666;
	}
	.service-info a{
	font-size: 14px;
	line-height: 22px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	}
	.service:hover .service-shadow{
	-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
		cursor:pointer;
	}
	.service:hover .service-info a{
		
	}
	.single-border{
		border-bottom:1px solid #e5e5e5;
	}
	.index-two-client{
		margin-top:30px;
	}

/* ============================ 12) Home Three Features ============================ */
	.service-info-3 h4{
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
	font-size:24px;
	line-height:1;
	color:#333333;
	}
	
	.service-info-3 p{
	font-size: 16px;
	line-height: 30px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color:#666666;
	}
	.service-info-3 a{
	font-size: 14px;
	line-height: 22px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	}
	.service-icon-3{
	float:left;
	width:100%;
	margin-bottom:20px;
    text-align:center;
	}

    .service-info-3{
        text-align:center;
    }
	.service-shadow-3{
		-webkit-transition:all 0.3s;
		-moz-transition:all 0.3s;
		transition:all 0.3s;
		background-color:#ffffff;
		border-radius:50px;
		float:left;
		border:3px solid #14135F;
	}
	.service-3-border{
	border-right:2px solid #efefef;
	box-shadow: 5px 0 5px -5px #efefef;
	}
	.service-3{
	cursor:pointer;
	margin-left:20px;
	}
	

/* ============================ 13) About Us One ============================ */
	#about-us-one{
		margin-bottom:80px;
	}
	.about-us-header h1{
		font-size:36px;
		font-family:'Ubuntu', sans-serif;
		font-weight:700;
		color:#333333;
		padding-top:60px;
		padding-bottom:50px;
	}
	.about-client-shadow img{
		border:2px solid transparent;
		-webkit-transition:all 0.3s;
		-moz-transition:all 0.3s;
		transition:all 0.3s;
	}
	.about-client-shadow img:hover{
		border:2px solid #c0f1fd;
		opacity:0.6;
		cursor:pointer;
	}
	.about-quote{
		text-align:center;
		border:1px solid #ebebeb;
	}
	.about-quote h3{
		font-size:18px;
		font-family:'Open Sans', sans-serif;
		font-weight:700;
		color:#333333;
		line-height:22px;
		padding-top:20px;
		padding-bottom:10px;
	}
	.about-quote p{
		font-size:14px;
		font-family:'Open Sans', sans-serif;
		font-weight:400;
		color:#666666;
		padding-bottom:35px;
	}
	.award{
		text-align:center;
	}
	.award img{
		padding-top:40px;
		padding-bottom:20px;
	}
	.award p{
		font-size:14px;
		font-family:'Open Sans', sans-serif;
		font-weight:400;
		color:#ffffff;
		padding-bottom:63px;
	}
	.abt-second-row{
		margin-top:30px;
	}
	.full-video-wrapper iframe{
		width:265px;
		height:197px;
		border:none!important;
	}
	.about-flag{
		text-align:center;
		border:1px solid #ebebeb;
	}
	.about-flag img{
		padding-top:40px;
	}
	.about-flag h4{
		font-size:18px;
		font-family:'Open Sans', sans-serif;
		font-weight:700;
		color:#333333;
		margin-bottom:0px;
	}
	.about-flag p{
		font-size:14px;
		font-family:'Open Sans', sans-serif;
		font-weight:400;
		color:#333333;
		padding-bottom:50px;
	}
	.page-header-4 h1{
		font-size:30px;
		font-family:'Ubuntu', sans-serif;
		font-weight:300;
		color:#333333;
		margin-top:0px;
		margin-bottom:0px;
	}
	.about-progress .progress-col{
	margin-top:10px;
	}
	.about-progress p{
		margin-top:0px;
		margin-bottom:5px;
	}
	.about-progress .skillbar{
	margin-bottom:10px;
	}
	.about-third-row{
		margin-top:20px;
	}
	.about-us-para p{
		font-size:16px;
		font-family:'Open Sans', sans-serif;
		font-weight:300;
		line-height:30px;
		color:#666666;
		padding-bottom:50px;
		padding-top:25px;
	}
	.about {
	margin-top: 30px;
	cursor:pointer;
	}
	.about-icon {
		margin:0 auto;
		text-align:center;
		margin-top:13px;
		width:80px;
	}
	.about-shadow{
		padding:12px;
		background-color:#ffffff;
		border-radius:50px;
		-moz-box-shadow: 0 0 3px 3px #f0f0f0;
		-webkit-box-shadow: 0 0 3px 3px#f0f0f0;
		box-shadow: 0 0 3px 3px #f0f0f0;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.about-round-1{
		width:77px!important;
	}
	
	.about h6{
		font-size:18px;
		font-family:'Open Sans', sans-serif;
		font-weight:700;
		color:#666666;
		padding-top:20px;
		text-align:center;
	}
	.about:hover h6{
		color:#333333;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

/* ============================ 14) Our Team ============================ */
	#team{
		margin-top:100px;
		margin-bottom:60px;
	}
	.team-iamge {
		padding: 0px 0px 0px 0px;
		max-width: 100%;
		list-style: none;
		text-align: center;
        BORDER: 1px solid #ccc;
	}
	.team-iamge li {
	 	display: inline-block;
		position: relative;
	}
	.team-iamge figure {
		margin: auto;
		position: relative;
	}
	.team-iamge figure img {
		max-width: 100%;
		display: block;
		position: relative;
	}
	.team-iamge figcaption {
		position: absolute;
		top: 0;
		left: 0;
	 	display: table-cell;
	    vertical-align: middle;	
	}
		
	.cbp-l-team-iamge-projects .team-iamge figcaption {
		padding-top: 35.5%;
	}
	
	.team-member .team-iamge figcaption {
		padding-top: 30%;
	}
	
	.team-iamge figcaption{
		text-align:center;
		-webkit-transition:all 0.3s ease-out 0.25s;
		-moz-transition:all 0.3s ease-out 0.25s;
		-ms-transition:all 0.3s ease-out 0.25s;
		-o-transition:all 0.3s ease-out 0.25s;
		transition:all 0.3s ease-out 0.25s;		
	}
	
	.team-iamge figcaption ul li a img{
		-webkit-transition:all 0.3s ease-out 0.25s;
		-moz-transition:all 0.3s ease-out 0.25s;
		-ms-transition:all 0.3s ease-out 0.25s;
		-o-transition:all 0.3s ease-out 0.25s;
		transition:all 0.3s ease-out 0.25s;		
	}
	
	.border-a{
		border-right:none!important;
	}
	
	.team-iamge figcaption a:hover{
		text-decoration:none;
		
	}
	
	.team-image-hover figure {
		overflow: hidden;
	}
	
	.team-image-hover figure img {
		height:auto;
	}
	
	.team-image-hover figcaption {
		height: 100%;
		width: 100%;
		top: auto;
		bottom: 0;
		-moz-transform: scale(0.5);
		-webkit-transform: scale(0.5);
		-o-transform: scale(0.5);
		-ms-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0;
	}
	
	.team-image-hover figure:hover figcaption,
	.team-image-hover figure.cs-hover figcaption {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
		-moz-transition: -moz-transform 0.4s, opacity 0.1s;
		transition: transform 0.4s, opacity 0.1s;
		cursor:pointer;
	}
	
	.team-image-hover figure:hover figcaption ul li a img{
		opacity:1;
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	
	.team-image-hover figure figcaption ul li a img{
		-moz-transform: scale(0.5);
		-webkit-transform: scale(0.5);
		-o-transform: scale(0.5);
		-ms-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0;
	}
	.team-content{
		margin-top:30px;
	}
	.team-image-content h3{
		font-size:24px;
		font-family:'Ubuntu', sans-serif;
		font-weight:400;
		color:#333333;
		margin-bottom:5px;
	}
	.designation{
		font-size:14px;
		font-family:'Open Sans', sans-serif;
		font-weight:400;
	}
	.team-border{
		border-bottom:1px solid #7f7f7f;
	}
	.team-img-detail{
		font-size:14px;
		font-family:'Open Sans', sans-serif;
		font-weight:400;
		color:#333;
		line-height:22px;
		margin-top:20px;
	}

/* ============================ 15) About Two ============================ */
	.about-two{
		padding: 0px 0px 0px 0px;
		max-width: 100%;
	}
	.about-two-image{
		margin: auto;
		position: relative;
	}
	.about-two-image img {
		max-width: 100%;
		display: block;
		position: relative;
	}
	.about-two-image .about-two-img-hover {
		position: absolute;
		bottom: 0;
		left: 0;
		background-image: url(../../assets/images/about-two-admin.png);
		max-width:100%;
	 	display: table-cell;
	    vertical-align: middle;	
	}
	.about-two-img-hover{
		padding:30px 30px 28px 30px;
	}
	.about-two-admin h2{
		font-size:18px;
		font-weight:700;
		font-family:'Open Sans', sans-serif;
		color:#ffffff;
		margin-top:0px;
		margin-bottom:3px;
	}
	.about-two-admin p{
		margin-bottom:0px;
	}
	.about-two-admin p{
		font-size:14px;
		font-weight:400;
		font-family:'Open Sans', sans-serif;
		color:#ffffff;
		line-height:22px;
	}
	.designation-two{
		margin-bottom:30px!important;
	}
	.about-two-para{
		padding-bottom:0px!important;
		margin-bottom:0px;
	}
	.about-two-para-two{
		padding-bottom:20px!important;
	}
	.about-two-custom{
		margin-top:30px;
	}
	.about-two-custom-two{
		margin-top:0px!important;
	}
	.abt-custom{
		margin-top:0px!important;
	}
	.nav-tabs>li.active>a .about-shadow, .nav-tabs>li.active>a .about-shadow:focus, 
	.nav-tabs>li.active>a .about-shadow:hover{
	outline: none!Important;
	-moz-box-shadow: 0 0 3px 3px #c0f1fd;
  -webkit-box-shadow: 0 0 3px 3px#c0f1fd;
  box-shadow: 0 0 3px 3px #c0f1fd;
	}
	.nav-tabs>li.active>a  h6, .nav-tabs>li.active>a h6:focus, .nav-tabs>li.active>a h6:hover{
		color:#333333;
	}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
		border:none;
		outline:none;
	}
	.nav-tabs>li>a{
		border:none;
		padding: 0px 25px;
	}
	.nav-tabs>li>a:hover{
		border:none;
	}
	.nav>li>a:focus, .nav>li>a:hover{
		background:none;
	}
	.nav-tabs{
		border-bottom:none;
	}
	.tab-content{
		padding-left:12px;
	}

/* ============================ 16) Contact One ============================ */

	.custom-form{
	background:transparent;
	border:1px solid #cccccc;
	border-radius:0px;
	-webkit-box-shadow:none;
	box-shadow:none;
	font-size:15px;
	font-family:'Raleway';
	color:#666;
	margin-top:3px;
	background:#f4f4f4;
	height:50px;
	}	
	.custom-form:focus {
		border-color: #cccccc;
		outline: 0;
		-webkit-box-shadow: none;
		box-shadow:none;
		}	
	.custom-contact-send-button{
		margin-top:20px;
		height:45px;
		font-family: 'Open Sans', Sans-serif;
		font-size:18px;
		font-weight:700;
		border-radius:0px;
		color:#fff;
		
		}
	.custom-contact-send-button:hover, .custom-contact-send-button:focus, .custom-contact-send-button:active{
		outline:none;
		background-color:#14135F;
		border:1px solid #14135F;
		}
	::-webkit-input-placeholder { /* WebKit browsers */
	    color:    #cccccc!important;
		font-family:'Open Sans', sans-serif;
		font-size:14px;
		font-weight:300;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	    color:    #cccccc!important;
		font-family:'Open Sans', sans-serif;
		font-size:14px;
		font-weight:300;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		color:    #cccccc!important;
		font-family:'Open Sans', sans-serif;
		font-size:14px;
		font-weight:300;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
	    color:    #cccccc!important;
		font-family:'Open Sans', sans-serif;
		font-size:14px;
		font-weight:300;
	}
	.form-first-row{
		margin-top:25px;
	}
	.form-first-row label{
		font-family:'Open Sans', sans-serif;
		font-size:14px;
		font-weight:700;
	}
	.form-first-row label span{
		color:#ff0000;
	}
	.message-input-box{
		margin-top:15px;
	}
	.message-input-box label{
		font-family:'Open Sans', sans-serif;
		font-size:14px;
		font-weight:700;
	}
	.message-input-box label span{
		color:#ff0000;
	}
	.custom-top{
		margin-top:120px;
	}
	.contact-form p{
		font-family:'Open Sans', sans-serif;
		font-size:18px;
		font-weight:700;
		color:#666666;
		line-height:24px;
		margin-top:15px;
	}
	.form-status{ }
	.statusMessage,
	.successmessage,
	.errormessage {
		display: none;
		margin: auto;
		width: 100%;
		height: auto;
		background: #fff;
		border: 1px solid #ddd;
		margin: 0 auto;
		box-shadow: 0 0 8px #aaa;
		-moz-box-shadow: 0 0 8px #aaa;
		-webkit-box-shadow: 0 0 8px #aaa;
		padding: 0px 20px 6px 20px;
		margin-top: 20px;
	}
	.form-status p{  font-size: 14px;}
	.contact-map{
		position:relative;
		margin:auto;
	}
	.contact-one-map iframe{
		width:100%;
		height:420px;
		border:none!important;
	}
	.contact-one-add{
		position: absolute;
		bottom: 5px;
		left: 0;
		background-image: url(../../assets/images/about-two-admin.png);
		max-width:100%;
	 	display: table-cell;
	    vertical-align: middle;	
	}
	.contact-one-add-content{
		  padding: 25px 22px 28px 24px;
	}
	.contact-one-add-content h5{
		font-family:'Open Sans', sans-serif;
		font-size:18px;
		font-weight:700;
		color:#ffffff;
		line-height:22px;
		margin-top:0px;
	}
	.contact-one-add-content p{
		font-family:'Open Sans', sans-serif;
		font-size:14px;
		font-weight:400;
		color:#ffffff;
		line-height:22px;
		margin-bottom:0px;
	}
	.page-header-5{
		text-align:left;
		border:none;
		margin:0;
		padding-top:80px;
		padding-bottom:60px;
	}
	.page-header-5 h1{
		font-size:36px;
		font-family:'Ubuntu', sans-serif;
		font-weight:700;
		color:#333333;
		margin:0;
	}
	.custom-top-1{
		margin-top:60px;
	}
	.contact-two-add{
		border:3px solid #14135F;
	}
	.contact-two-add-content{
		padding:25px 25px 50px 25px;
	}
	.contact-two-add-content h5{
		font-family:'Open Sans', sans-serif;
		font-size:18px;
		font-weight:700;
		color:#333333;
		line-height:22px;
		margin-bottom:20px;
	}
	.contact-two-add-content p{
		font-family:'Open Sans', sans-serif;
		font-size:14px;
		font-weight:400;
		color:#666666;
		line-height:22px;
		margin-bottom:0px;
	}

/* ============================ 17) Error Page ============================ */
	.error-page-content{
		text-align:center;
	}
	.error-page-content h3{
		font-family:'Ubuntu', sans-serif;
		font-size:30px;
		font-weight:300;
		color:#666666;
		width:38%;
		margin:0 auto;
	}
	.error-page-content h1{
		font-family:'Ubuntu', sans-serif;
		font-size:120px;
		font-weight:300;
		margin-top:40px;
		margin-bottom:60px;
	}
	.error-page-content p{
		font-family:'Open Sans', sans-serif;
		font-size:14px;
		font-weight:400;
		color:#666666;
	}
	.error-page-content p span{
		font-family:'Open Sans', sans-serif;
		font-size:14px;
		font-weight:400;
		cursor:pointer;
	}
	.error-page-content a{
		margin-bottom:80px;
		margin-top:50px;
	}

/* ============================ 18) Coming Soon ============================ */
	#coming-soon{
		margin-top:180px;
	}
	#coming-soon .container{
		width:100%;
		padding:0;
	}
	.logo-div{
		text-align:center;
	}
	.logo-div h1{
		font-family:'Ubuntu', sans-serif;
		font-size:48px;
		font-weight:500;
		color:#333333;
		margin-top:10px;
	}
	.coming-soon-back{
		background-image: url(../../assets/images/soon-back.png);
		width: 100%;
		display: table;
	    vertical-align: middle;	
		height: 100%;
		
	}
	.coming-soon-content h1{
		font-family:'Ubuntu', sans-serif;
		font-size:120px;
		font-weight:300;
		text-align:center;
		margin-top:10px;
		margin-bottom:15px;
	}
	.countdown-content p{
		font-family:'Open Sans', sans-serif;
		font-size:18px;
		font-weight:300;
		color:#333333;
		text-align:center;
		margin-top:20px;
		margin-bottom:50px;
	}
	ul.countdown {
		width:100%;
		list-style: none;
		margin: 25px 0;
		padding: 0;
		display: block;
		text-align: center;
	}
	ul.countdown li {
		display: inline-block;
		width:130px;
		height:130px;
	}
	ul.countdown li span {
		font-family: 'Ubuntu', sans-serif;	
		font-size: 30px;
		padding:20px 20px;
		border-radius:50px;
	}
	ul.countdown li p {
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		line-height:80px;
		position:relative;
		color:#cccccc;
		text-transform: uppercase;
		
	}
	ul.countdown li p:after{
		bottom: 100%;
		left: 50%;
		border: none;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	.countdown-bottom p{
		text-align:center;
		color:#cccccc;
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		font-weight:400;
		line-height:100px;
	}


/* ============================ 19) Blog One ============================ */
	.blog-custom-top{
	margin-top:60px;
	}
	.blog-main-header h1{
		font-family:'Ubuntu' sans-serif;
		font-weight:700;
		font-size:36px;
		color:#333333;
	}
	.blog-header ul{
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.blog-left-header{
		text-align: left;
		margin: 0 auto 15px;
	}
	.blog-double-icon{
		float: left;
		background-color:#fff;
		width:115px;
		height:115px;
		margin-top:5px;
		text-align:center;
		border-radius:60px;
	}
	.blog-double-icon .blog-date{
		font-size:36px;
		color:#003663;
		padding-top:15px;
		margin-bottom:-10px;
		font-family:'Ubuntu' sans-serif;
		font-weight:300;
	}
	.blog-double-icon .blog-month{
		text-transform:uppercase;
		font-size:24px;
		color:#003663;
		font-family:'Ubuntu' sans-serif;
		font-weight:300;
	}
	.blog-right-header{
		font-size: 20px;
		margin: 50px 0px 10px 150px;
	}
	.blog-right-header{
		overflow: hidden;
		zoom: 1;
	}
	.service-extra-height{
		margin-bottom:80px;
	}
	.left-right-content h3{
		font-family:'Ubuntu' sans-serif;
		font-weight:300;
		font-size:31px;
	}
	.left-right-content h3 a i{
		padding:1px 6px 3px 9px;
		border:2px solid #333333;
		color:#333333;
		border-radius:50px;
		font-size:17px;
		position: absolute;
		margin-top: 5px;
		margin-left: 5px;
	}
	.left-right-content p{
		font-family:'Open Sans' sans-serif;
		font-weight:300;
		font-size:17px;
		line-height:25px;
		color:#666666;
		padding-top:10px;
		padding-bottom:10px;
	}
	.blog-single-border{
		border-bottom:1px solid #d6d6d6;
	}
	.three-comment{
		font-family:'Open Sans' sans-serif;
		font-weight:400!important;
		font-size:14px!important;
		color:#cccccc!important;
		float:left;
	}
	.Comment-time{
		font-family:'Open Sans' sans-serif;
		font-weight:400!important;
		font-size:14px!important;
		color:#cccccc!important;
		float:right;
	}
	.blog-one-comment{
		float:left;
		width:100%;
	}
	.blog-one-comment p i{
		margin-right:5px;
	}
	.right-content-blog{
		margin-top:100px;
	}
	.right-content-header h2{ 
		font-family:'Ubuntu' sans-serif;
		font-weight:300;
		font-size:30px;
		color:#333333;
		margin-bottom:30px;
		margin-top:0px;
	}
	.blog-post-img{
		float:left;
		width:100px;
		height:60px;
		margin-right:10px;
		margin-bottom:3px;
	}
	.blog-post-content p{
		font-family:'Open Sans' sans-serif;
		font-weight:400;
		font-size:15px;
		color:#666666;
	}
	.blog-post-content a{
		font-family:'Open Sans' sans-serif;
		font-weight:400;
		font-size:15px;
		color:#666666;
		text-decoration:none;
	}
	.recent-post-blog{
		float:left;
		width:100%;
		clear:both;
	}
	.recent-post-blog:hover .blog-post-content p{
		color:#333333;
		font-weight:400;
	}
	.right-main-div{
		float:left;
		clear:both;
		border-bottom:1px solid #d6d6d6;
	}
	.custom-60{
	padding-top:60px;
	}
	.custom-blog-bottom{
		margin-bottom:25px;
	}
	.archives ul li{
		width:100%;
		float:left;
	}
	.archives ul li{
		font-family:'Open Sans' sans-serif;
		font-weight:400;
		font-size:14px;
		color:#666666;
	}
	.archives ul li span{
		font-family:'Open Sans' sans-serif;
		font-weight:700;
		font-size:18px;
		margin-right:12px;
	}
	.custom-blog-li{
		margin-top:20px;
	}
	.custom-blog-li-1{
		margin-bottom:20px;
	}
	.comment-main{
		float:left;
		width:100%;
		margin-bottom:10px;
	}
	.comment-image{
		float:left;
		margin-right:10px;
	}
	.detail-tweet-comment p{
		font-family:'Open Sans' sans-serif;
		font-weight:300;
		font-size:12px;
		color:#666666;
		font-style:Italic;
		line-height:22px;
	}
	.comment-name h3{
		margin-bottom:0px;
		font-family:'Open Sans' sans-serif;
		font-weight:700;
		font-size:18px;
		color:#333333;
	}
	.comment-name p{
		margin-bottom:0px;
		font-family:'Open Sans' sans-serif;
		font-weight:400;
		font-size:14px;
		color:#666666;
	}
	.comment-2{
		margin-top:30px;
		margin-bottom:20px;
	}
	.blog-social ul{
		list-style:none;
		padding-left:0px;
		margin-top:20px;
	}	
	.blog-social{
		margin-bottom:25px;
	}
	.blog-social ul li{
		display:inline-block;
		padding:1px 8px 5px 8px;
		background-color:#f4f4f4;
		margin-top:7px;
		margin-right:1px;
		-webkit-transition:all 0.3s ease-out 0.25s;
		-moz-transition:all 0.3s ease-out 0.25s;
		-ms-transition:all 0.3s ease-out 0.25s;
		-o-transition:all 0.3s ease-out 0.25s;
		transition:all 0.3s ease-out 0.25s;	
	}
	
	.blog-social ul li:hover{
		cursor:pointer;
	}	
	.blog-social ul li:hover a{
		color:#ffffff;
	}
	
	.blog-social ul li a{
		text-decoration:none;
		font-family:'Open Sans', sans-serif;
		font-size:18px;
		color:#cccccc;
		font-weight:300;
		-webkit-transition:all 0.3s ease-out 0.25s;
		-moz-transition:all 0.3s ease-out 0.25s;
		-ms-transition:all 0.3s ease-out 0.25s;
		-o-transition:all 0.3s ease-out 0.25s;
		transition:all 0.3s ease-out 0.25s;	
	}	
	
	.blog-social ul li a:hover{
		cursor:pointer;
	}

/* ============================ 20) Blog Two ============================ */
	.blog-header-1 ul{
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.blog-left-header-1{
		text-align: left;
		margin: 0 auto 15px;
		padding-top:35px;
	}
	.blog-double-icon-1{
		float: left;
		background-color:#fff;
		width:115px;
		height:115px;
		margin-top:5px;
		text-align:center;
		border-radius:60px;
		position:absolute;
		left:30px;
		top:30px;
	}
	.blog-double-icon-1 .blog-date{
		font-size:36px;
		color:#003663;
		padding-top:15px;
		margin-bottom:-10px;
		font-family:'Ubuntu' sans-serif;
		font-weight:300;
	}
	.blog-double-icon-1 .blog-month{
		text-transform:uppercase;
		font-size:24px;
		color:#003663;
		font-family:'Ubuntu' sans-serif;
		font-weight:300;
	}
	.blog-right-header-1{
		font-size: 20px;
		position:relative;
	}
	.blog-right-header-1{
		overflow: hidden;
		zoom: 1;
	}

/* ============================ 21) Blog Single ============================ */
	.single-page-media{
		margin-top:60px;
		margin-bottom:80px;
	}
	.blog-single-content{
		font-family:'Open Sans' sans-serif!important;
		font-weight:400!important;
		font-size:16px!important;
		color:#4e4e4e!important;
	}
	.author-name{
		font-family:'Open Sans' sans-serif;
		font-weight:700;
		font-size:18px;
		color:#333333;
		text-transform:uppercase;
	}
	.author-date{
		font-family:'Open Sans' sans-serif;
		font-weight:400;
		font-size:14px;
		color:#666666;
	}
	.author-media-content{
		font-family:'Open Sans' sans-serif;
		font-weight:300;
		font-size:14px;
		color:#666666;
		font-style:Italic;
	}
	.reply{
		font-family:'Open Sans' sans-serif;
		font-weight:600;
		font-size:14px;
		color:#cccccc;
		text-transform:uppercase;
		margin-top:20px;
		margin-bottom:20px;
	}
	.reply span{
		float:right;
	}
	.reply span i{
		margin-right:5px;
	}
	.custom-media-left{
		margin-top:60px;
	}
	.author-date span{
	float:right;
	margin-top:-10px;
	font-family:'Open Sans' sans-serif;
		font-weight:400;
		font-size:14px;
		color:#cccccc;
	}
	.author-date span i{
	margin-right:5px;
	}
	.portfolio-3-custom{
		margin-top:50%;
		margin-left:-2%;
	}
	.cbp-l-grid-fullScreen .grid .portfolio-one-custom {
		padding-top: 5%!important;
	}
	.portfolio-image-hover .portfolio-one-custom {
		width: 50%!important;
	}
	.portfolio-main-header h1{
		font-family:'Ubuntu' sans-serif;
		font-weight:700;
		font-size:36px;
		color:#333333;
		margin-top:0px;
		margin-bottom:60px;
	}

/* ============================ 22) Portfolio Single ============================ */
	.single-project-header{
		text-align:left;
	}
	.single-project-header h2{
		font-family:'Ubuntu' sans-serif;
		font-weight:400;
		font-size:24px;
		color:#333333;
		margin-top:0px;
		margin-bottom:0px;
	}
	.single-category{
		font-family:'Open Sans' sans-serif;
		font-weight:400;
		font-size:14px;
		color:#666666;
	}
	.project-icon{
		font-family:'Open Sans' sans-serif;
		font-weight:300;
		font-size:14px;
		color:#cccccc;
		margin-top:20px;
	}
	.project-icon i{
		margin-right:10px;
		font-size:20px;
	}
	.single-project-header h3{
		font-family:'Open Sans' sans-serif;
		font-weight:700;
		font-size:18px;
		color:#333333;
	}
	.single-description{
		font-family:'Open Sans' sans-serif;
		font-weight:400;
		font-size:17px;
		color:#666666;
		line-height:30px;
	}
	.single-description-1{
		font-family:'Open Sans' sans-serif;
		font-weight:400;
		font-size:17px;
		color:#666666;
		margin-bottom:4px;
	}
	.single-project-header img{
		margin-top:80px;
	}
	.portfolio-single-row{
		margin-bottom:80px;
	}
	.portfolio-single-row{
		margin-bottom:40px;
	}
	.custom-single2{
		margin-top:40px;
	}
	.custom-bx{
		margin-right:21px;
	}
	.custom-bx1{
		margin-right:30px;
		margin-bottom:30px;
	}
	.bx-pager-custom{
		margin-top:30px;
	}
	.bx-viewport{
		height:420px!important;
	}
/* ============================ 23) Preloader ============================ */
	#preloader {
		position:fixed;
		display: table;
		width: 100%;
		height: 100%;
		min-height: 100%;
		overflow-x: hidden;
		overflow-y: hidden;
		vertical-align: middle;
		background: #fff;
		z-index:9999999999;
		top:0;
	}
	
	.preloader-container {
		position: relative;
		display: table-cell;
		vertical-align: middle;
		z-index: 99999;
		text-align:center;
	}

	.preload-logo{
		font-size:30px;
		font-family:'Open Sans', sans-serif;
		font-weight:700;
		color:#222222;
	}

/* ============================ Common Styles ============================ */
	body{
		font-family: 'Ubuntu', sans-serif;
		}
	a:hover{
		text-decoration:none;
	}

	a:focus{
		text-decoration:none;
		outline: none !important;
	}

	ul{
	padding:0;
	margin:0;
	list-style:none;
	}
	.home-button-1 a{
		font-size:18px;
		font-family:'Open Sans', sans-serif;
		font-weight:700;
		color:#ffffff!important;
		padding:12px 20px;
		border:3px solid #fff;
	}
	.pagepagination{
		margin-top:60px;
		text-align:center;
	}
	
	.pagepagination .btn-toolbar .btn-group, .btn-toolbar .input-group{
		float:none;
	}
	.pagination-grp1 button{
	margin-right:50px;
	padding:3px 10px;
	}
	.pagination-grp2 button{
	margin:0px 5px 0px 5px;
	padding:3px 9px;
	}
	.pagination-grp3 button{
	margin-left:40px!important;
	padding:3px 10px;
	}
	.pagepagination button{
		font-family:'Open Sans', sans-serif;
		font-size:14px;
		font-weight:400;
		color:#cccccc;
		border:2px solid #cccccc;
		border-radius:50px;
		-webkit-transition:all 0.3s ease-out 0.25s;
		-moz-transition:all 0.3s ease-out 0.25s;
		-ms-transition:all 0.3s ease-out 0.25s;
		-o-transition:all 0.3s ease-out 0.25s;
		transition:all 0.3s ease-out 0.25s;	
	}
	.pagepagination button:hover{
		color:#14135F;
		border:2px solid #14135F;
		background:transparent;
	}
	body.parallax{
		overflow-x:hidden;
	}
	
	.award-slider li button:before{color:#d8d8d8 !important;}
	.award-slider li.slick-active button:before{color:#fff !important;}

	.slotholder:after{
		background: url(../images/pattern.png);
		width: 100%;
		height: 100%;
		bottom: 0;
		left: 0;
		position: absolute;
		z-index: 1;
		content: "";
		}
	#founded{
		position: relative;
	}
	#comment-slide{
		position: relative;
	}
 
	.parallax-1:after,
	.parallax-2:after{
	   background: url(../images/pattern.png);
	   width: 100%;
	   height: 100%;
	   bottom: 0;
	   left: 0;
	   position: absolute;
	   z-index: 1;
	   content: "";
	}