/* ================================= CSS Structure =================================

1. GLOBAL STYLES
	- Page Loader Styles
	- Overlay

2. HEADER SECTION	
	- Logo Styles
	- Sticky Container
	- Navigation
	
3. INTRO SECTION
4. WELCOME SECTION
5. ABOUT SECTION
6. SKILLS
	- Progress Bar
7. SERVICES SECTION
8. FEATURES SECTION
9. FEATURES 1 SECTION
10. QUOTE
11 .JOIN NOW SECTION
12. PRICING TABLE SECTION
13. WORKS SECTION
14. DEMO VIDEO
15. OUR ACHIEVEMENT SECTION
16. WHY ITS BEST SECTION
17. TEAM SECTION
18. REVIEWS
19. NEWS SECTION
20. SKILL SECTION EXTRA
21. CLIENT SECTION
22. TWITTER FEED SECTION
23. SUBSCRIBE SECTION
24. CONTACT US SECTION
25. DOWNLOAD NOW
26. FOOTER SECTION
	- Social Media
	- Copyrights
27. PAGES
	- Blog
		- Blog Right Part Sidebar
		- Blog Single Page
		- Blog Single Comment Form 
		- Blog Grid
		- Blog Timeline
	- PORTFOLIO
	- FAQ
	- Shortcodes

/* =========================== GLOBAL STYLES ============================== */
body {
	color:#171717;
	font-size:14px;
	font-weight:300;
	letter-spacing:1px;
	padding:0;
	line-height:1.9em;
	font-family:'Raleway',sans-serif;
	-webkit-font-smoothing:antialiased !important;
	background:#ffffff;
	overflow-x:hidden;
}
a,a:hover,a:focus,.btn:focus {
	text-decoration:none;
	outline:none;
}
.h1, .h2, .h3, h1, h2, h3{
	margin-top:0px;
}
.btn,
.form-control,
.contact .form-control,
.contact .btn{
	border-radius:0px;
}
.btn:hover, .btn:focus, .btn.focus{
	color:#ffffff;
	opacity:.7;
}
img {
	max-width:100%;
}
.relative {
	position:relative;
}
.absolute {
	position:absolute;
}
.container {
	max-width:1260px;
	padding-left:15px;
	padding-right:15px;
	width:100%;
}
.uppercase {
	text-transform:uppercase;
}
.capitalize {
	text-transform:capitalize;
}
.bold {
	font-weight:700;
}
.normal {
	font-weight:normal;
}
.italic {
	font-style:italic;
}
.animated {
	visibility:hidden;
}
.visible {
	visibility:visible;
}
.clear {
	clear:both;
}
.unlist li {
	list-style:none;
}
p {
	line-height: 1.9em;
}
h3{
	font-size:18px;
	font-weight:700;
	letter-spacing:0;
}
.light-bg{
	background-color:#f7f8fa;
	border-bottom: 1px solid #eaebec;
    border-top: 1px solid #eaebec;
}
.size-3x {
    font-size: 80px;
    line-height: 80px;
}

.size-2x {
    font-size: 60px;
    line-height: 60px;
}

.size-1x { font-size: 40px }

.size-x { font-size: 20px }

.size-h5x { font-size: 30px }

/* ------------- Page Loader Styles ------------- */

#pageloader {
	background-color:#FFFFFF;
	height:100%;
	position:fixed;
	top:0;
	width:100%;
	z-index:9999;
}
.loader-item {
	background:none repeat scroll 0 0 #FFFFFF;
	border-bottom:3px solid rgba(0,0,0,0) !important;
	border-left:3px solid;
	border-radius:200px;
	-moz-border-radius:200px;
	-webkit-border-radius:200px;
	-o-border-radius:200px;
	-ms-border-radius:200px;
	border-right:3px solid;
	border-top:3px solid;
	height:40px;
	left:50%;
	margin:-20px 0 0 -20px;
	position:absolute;
	text-align:center;
	top:50%;
	width:40px;
}
.loader-item h2 {
	color:#CCCCCC;
	font-size:20px;
	margin:0 auto;
}

/* ------------- Overlay ------------- */

.bg-overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	/* browsers */
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7c171717',endColorstr='#7c171717');
	/* IE */
}
.bg-overlay.dark { background-color: rgba(0, 5, 8, 0.9); }
.bg-overlay.light { background-color: rgba(0, 5, 8, 0.75); }

.bg-overlay.pattern {
	background:url(../images/pattern.png);
	filter:progid: DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7c171717',endColorstr='#7c171717');
	/* IE */
}
.bg-overlay.cool-pattern {
	background:url(../images/patterns/pattern3.png);
	filter:progid: DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7c171717',endColorstr='#7c171717');
	/* IE */
}
.pattern-bg{	
	background-image:url(../images/pattern.png);	
	background-color:rgba(0,0,0,.5);
}

/* =========================== HEADER SECTION ============================== */

#home header {
	background-image:url(../images/bg/header-bg.jpg);
	 background-attachment:fixed !important;
	 background-size:cover;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-position:0 0;
	background-repeat:repeat;
	position:relative;
	min-height:630px;
}
#home2 header{
	background-image:url(../images/bg/header-bg.jpg);
	 background-attachment:fixed !important;
	 background-size:cover;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-position:0 0;
	background-repeat:repeat;
	position:relative;
	min-height:670px;
}
.title {
	font-family:'Raleway',sans-serif;
	font-weight:300;
	color:#171717;
	text-transform:uppercase;
	display:inline-block;
}
.title h2 {
	border-bottom:2px solid #ccc;
	padding-bottom:15px;
	display:inline-block;
	font-weight:400;
	font-size:40px;
	line-height:37px;
	position:relative;
	margin-bottom:25px;
}
.section-space{
	padding:75px 0px;
}
.bottom-space-no{
	padding-bottom:0px;
}
.title span {
	font-weight:700;
}
.title h2:after {
    content: "";
    height: 6px;
    left: 0;
    margin: 50px auto auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
}
.desc {
	font-size:16px;
	font-weight:300;
	padding:10px 0px 30px 0;
	color:#171717;
	line-height: 1.8;
	letter-spacing:1px;
	margin-bottom:20px;
}

/* ------------- Logo Styles ------------- */
a.navbar-brand {
	font-family:'Roboto';
	font-size:26px;
	font-style:normal;
	font-weight:900;
	color:#FFFFFF;
	text-transform:uppercase;
}
.logo-letter {
	font-weight: 700;
}

/* ------------- Sticky Container ------------- */

header .sticky-wrapper.is-sticky .navbar,
#pages header .navbar {
	z-index:1001;
	background-color: rgba(0, 5, 8, 0.9);
}
header .dropdown-menu {
	background-color: rgba(0, 5, 8, 0.9);
}
header ul.dropdown-menu {
	margin-top:20px;
	border:0;
}
header .dropdown i {
	font-size:18px;
	margin:0 0px 0 5px;
	vertical-align: middle;
}

/* ------------- Navigation ------------- */
header .navbar {
	margin:0;
	padding:20px 0;
}
#pages header .navbar {
	padding:0px 0;
}
#pages header {
	padding-bottom:50px;
}
header .is-sticky .navbar {
	margin:0;
	padding:0px 0;
}
header .navbar-fixed-top {
	border:none;
}
.navbar ul.nav a {
	font-family:'Roboto';
	font-size:14px;
	font-weight:700;
	font-style:normal;
	color:#FFFFFF;
	text-transform:uppercase;
}
header .navbar-nav>li>a {
	padding:0px 15px;
	line-height:70px;
}

.navbar ul.nav a:hover,.navbar ul.nav a:focus {
	background:none !important;
}
.navbar-toggle {
	background-color:#171717;
}
.navbar-toggle .icon-bar {
	background-color:#FFFFFF;
}
.navbar .dropdown a {
	background:none !important;
}
.navbar .dropdown-menu a {
	padding:7px 15px;
}
.navbar-nav i {
	font-size: 20px;
}
.navbar.navbar-fixed-top{
	z-index:999 !important;
}
/* Fractional Slider */
.slide-btn a {
	color:#FFFFFF;
}
.intro-list{
	font-weight:500;
	font-size:20px;
}
.intro-list li{
	margin:10px 20px;
	padding:10px;
	border-top:1px solid #171717;
	border-bottom:1px solid #171717;
}
/* =========================== INTRO SECTION ============================== */

.intro-text {
	color:#ffffff;
	padding-top:150px;
	padding-bottom:20px;
}
.intro-text h1 {
	font-size:54px;
	font-weight:900;
	line-height:1.2;
	letter-spacing:0;
	text-transform:capitalize;
}
.intro-text h2{
	font-size:40px;
	font-weight:700;
	line-height:1.2;
	margin:10px 0;
	letter-spacing:0;
	text-transform:capitalize;
}
.bold{
	font-weight:900;
}
.intro-text h2.medium{
	font-weight:700;
}
.intro-text h2.light{
	font-weight:500;
}
.large_white_bold {
	font-size:35px;
	font-weight:500;
}
.medium_white_light {
	font-size:18px;
}
.slide-btn {
	font-family:'Roboto';
	font-size:18px;
	color:#FFFFFF;
	padding:12px 34px;
	margin:10px 3px;
	font-weight:normal;
	background:transparent;
	border:1px solid #ffffff;
	position:relative;
	transition:all 0.4s ease-in 0s;
	-moz-transition:all 0.4s ease-in 0s;
	-webkit-transition:all 0.4s ease-in 0s;
	-o-transition:all 0.4s ease-in 0s;
	-ms-transition:all 0.4s ease-in 0s;
}
.btn.bg-inverse{
	color:#171717;
}
.btn.bg-black{
	border:1px solid #171717;
}
.btn.bg-black,
.bg-black{
	color:#ffffff;
	background-color:#171717;
}
.slide-btn a {
	color:#FFFFFF;
}
/* =========================== WELCOME SECTION ============================== */
#welcome{
	background-color:#000000;
	padding:70px 0 65px;
	color:#ffffff;
}
#welcome h2{
	text-transform:uppercase;
	font-size:50px;
	margin:0 0 20px 0;
}
/* =========================== ABOUT SECTION ============================== */
.about-section {
	position:relative;
}
.about-section h4{
	text-transform:uppercase;
	margin:30px 0 35px;
	color: #171717;
	display:inline-block;
	position:relative;
}
.about-section h4:before {
	content:"";
	width:60px;
	height:3px;
	top:35px;
	position:absolute;
	margin:auto;
	left:0;
	background:#ff0000;	
}
.unlist i { margin-right: 10px }

.unlist.bold li {
    font-size: 16px;
	float:left;
	width:50%;
    font-weight: 400;
    margin-bottom: 15px;
    text-transform: capitalize;
    color: #171717;
}

/* =========================== SKILLS SECTION ============================== */

section#our-skills {
    background-image: url(../images/bg/skills-bg.jpg);
    background-repeat: repeat;
    background-attachment: fixed !important;
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    color: #171717;
    text-align: center;
}

section#our-skills .our-skills { 
	position: relative; padding:0; 
}
section#our-skills .col-md-6{
	padding:75px;
}
section#our-skills .panel-group{
	margin-bottom:0;
    color: #ffffff;
}
section#our-skills .panel-default {
    border: 0;
    margin-bottom: 0;
    border-radius: 0;
    border: 1px solid #e5e5e5;
}

section#our-skills .panel-default > .panel-heading a:after {
    color: #171717;
    content: "\f107";
    float: right;
    font-family: "FontAwesome";
    font-size: 1.2em;
    margin-top: -1px;
    padding: 3px 0;
    text-align: center;
    width: 40px;
}

section#our-skills .panel-default > .panel-heading a.collapsed:after { content: "\f104" }

section#our-skills .panel { box-shadow: none; background:none; }

section#our-skills .panel-default > .panel-heading {
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 0;
    padding-left: 0px;
    background:none;
	padding:0;
}

section#our-skills .panel-body {
    padding-left: 0px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 4px solid #e5e5e5;
    border-top: 0;
    background: none;
    padding: 15px;
}

section#about1 .panel-default > .panel-heading a,
section#our-skills .panel-default > .panel-heading a i {
    padding-top: 1px;
    padding-bottom: 1px;
}

section#our-skills .slick-prev,
section#about .slick-next {
    bottom: 0 !important;
    top: inherit;
    height: 40px;
    width: 40px;
}

section#our-skills .icon-container {
    padding: 10px;
    text-align: center;
    margin-right: 10px;
}

section#our-skills .panel-title {
    font-size: 17px;
    font-weight: 600;
    position: relative;
    line-height: 40px;
    text-transform: uppercase;	
    border-bottom: 1px solid #e5e5e5;
}

section#our-skills .panel-title a.collapsed.item,
section#our-skills .panel-heading a:focus .title-text { color: #ffffff; }

section#our-skills .panel-title a { display: block; color: #ffffff; }

section#our-skills .panel-title i { display: inline-block }
section#our-skills h2{
	text-transform:uppercase;
	margin-bottom:30px;
	font-size:40px;
	font-weight:400;
	margin-top:0px;
}
section#our-skills h2 span{
	font-weight:700;
}
section#our-skills h4{
	font-weight:300;
	font-size:16px;
}

/*============= Progress Bar ==================*/

section#our-skills .progress-label{
	font-weight:300;
	position:absolute;
	top:-25px;
	right:0;
	color:#171717;
}
section#our-skills .progress-bar{
	text-align:right;
	position:absolute;
	height:3px;
}
section#our-skills .progress{
	border-radius:0px;
	margin-bottom:40px;
	height:4px;
}

section#our-skills .progress-bar {
    -webkit-transition: width 2s ease-in-out;
    -moz-transition: width 2s ease-in-out;
    -ms-transition: width 2s ease-in-out;
    -o-transition: width 2s ease-in-out;
    transition: width 2s ease-in-out;
}

section#our-skills .progress-bar{
	background-color:#171717;
}

/* =========================== SERVICES SECTION ============================== */
/* #services  ul{
	margin-top:20px; 
}*/
#services  li h5{
	text-transform:uppercase;
	font-weight:600;
}
#services  li i{
	z-index:1;
}
/* #services .left li .service-icon{
	 border: 1px solid #616161;
	 position:absolute;
	height: 82px;
	width:82px;
	right:0;
    line-height: 82px;
	border-radius:100%;
} 
#services .right li .service-icon{
	border: 1px solid #616161;
	position:absolute;
	height: 82px;
	width:82px;
	left:0;
    line-height: 82px;
	border-radius:100%;
}
#services .left li i:after {
	content:"";
	width:48px;
	height:1px;
	position:absolute;
	margin:auto;
	margin-top:10px;
	left:61px;
	margin-left:0px;
	background:#616161;
	right:0;
	z-index:-1;
}
#services .right li i:after {
	content:"";
	width:48px;
	height:1px;
	position:absolute;
	margin:auto;
	margin-top:62px;
	left:auto;
	margin-left:0px;
	background:#616161;
	right:61px;
	z-index:-1;
}

*/
#services ul.left {
    /*border-right: 1px solid #616161; */
    float: left;
    padding-right: 2.9%;
    width: 50%;
}
#services .left li {
    margin: 0 0 60px;
    padding: 0;
    text-align: right;
    width: 100%;
	list-style:none;
	position:relative;
}
#services .left li h5,
#services .left li p{
	margin-right:110px;
}
#services .right li h5,
#services .right li p{
	margin-left:110px;
}
#services .left li i {
    background-color: #616161;
    border-radius: 100%;
    color: #fff;
	position:absolute;
    font-size: 32px;
    height: 72px;
    line-height: 72px;
	right:0;
    text-align: center;
    vertical-align: middle;
    width: 72px;
}
#services ul.right {
    float: left;
    padding-left: 3%;
    width: 50%;
}
#services .right li {
    margin: 0 0 60px;
    padding: 0;
    text-align: left;
    width: 100%;
	list-style:none;
	position:relative;
}
#services .right li i {
    background-color: #616161;
    border-radius: 100%;
    color: #fff;
	position:absolute;
    font-size: 32px;
    height: 72px;
    line-height: 72px;
	left:0;
    text-align: center;
    vertical-align: middle;
    width: 72px;
}
#services .left li:last-child,
#services .right li:last-child{
    margin: 0;
}
#services ul.right, #services ul.left{
	margin-bottom:0px;
}


/* =========================== FEATURES SECTION ============================== */
#features {
	 background-attachment:fixed !important;
	 background-size:cover;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-repeat:repeat;
}
.features-section {
	position:relative;
}
.features-section h5 {
	padding:0px 10px 5px 0;
	font-size:18px;
	text-transform:uppercase;
}

.features-new-item{
	padding:15px 0 40px 0;
}
.features-new-item h3{
	text-transform:uppercase;
	margin:25px 0 20px;
}
.featured-bottom .features-new-item{
	padding:20px 0 0 0;
}
.featured-bottom p{
	margin:0px;
}
/* .features-icon{
	border:1px solid #171717;
	width:120px;
	height:110px;
	margin:0px auto;
} */
.features-icon i{
	color:#ffffff;
	background-color:#171717;
	padding:0 5px;
}
.features-new-item:hover .features-icon i{
	/* padding:0 20px;
	margin-left:-1px;*/
	color:#171717; 
}


/* =========================== FEATURES 1 SECTION ============================== */

#features1 {
	 background-image: url(../images/bg/skills-bg.jpg);
    background-repeat: repeat;
    background-attachment: fixed !important;
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    color: #ffffff;
    text-align: center;
}
#features1 .features1-section{ position: relative; padding:75px 0 75px 0; }

#features1 .features1-content ul { padding: 15px }

#features1 .features1-item {
    text-align: center;
    color: #ffffff;
}

#features1 .features1-item { margin-top: 20px }

#features1 .features1-item h4 { margin-bottom: 15px; text-transform:uppercase; }

/*================== QUOTE =====================*/

section#quote {
    background-image: url(../images/bg/quote-bg.jpg);
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    color: #ffffff;
}

section#quote .quote { position: relative; padding:50px 0; }

section#quote blockquote { margin: 0px }

section#quote h2 {
    font-weight: 300;
    font-size: 30px;
    line-height: 1.9em;
}
/* =========================== JOIN NOW SECTION ============================== */

.join-now{
	padding:20px 0;
}
.join-now h2 {
    line-height: 67px;
    margin-bottom: 0;
}
/* =========================== PRICING TABLE SECTION ============================== */
.price-table .desc {
		color:#171717;
}
.price-table .table-row {
	margin-top:15px;
}
.pricing-box {
	background-color:#ffffff;
	border:1px solid #e4e9ee;
	border-radius:5px;
}
.pricing-title i {
	border-bottom:1px solid #171717;
	margin-bottom:5px;
	padding-bottom:5px;
}
.price-table h3 {
	font-size:26px;
	padding:30px 20px;
	font-weight:800;
	margin:0px;
	border-radius:5px 5px 0 0;
	color:#171717;
	text-transform:uppercase;
}
.pricing-title.highlight h3 {
	background-image:none;
	color:#ffffff;
}
.pricing-title.highlight i {
	border-bottom:1px solid #ffffff;
}
.pricing-box ul {
	padding-left:30px;
	padding-right:30px;
	margin-bottom:0px;
}
.pricing-box li {
	list-style-type:none;
	padding:15px;
	font-size:14px;
	border-bottom:1px solid rgba(0,0,0,.05);
}
.pricing-box .price {
	padding:16px 0px;
	font-size:36px;
}
.pricing-box .price h6 {
	display:inline-block;
	font-size:55px;
	font-weight:900;
	color:#171717;
}
.pricing-box .price span {
	font-size:13px;
	font-weight:normal;
}
.pricing-more {
	padding:15px 5px;
	text-align:center;
	border-radius:0 0 5px 5px;
}
.pricing-more i {
	font-size:28px;
}
.pricing-more a {
	padding:10px 5px;
		color:#171717;
	display:block;
	text-transform:uppercase;
	font-weight: 700;
}

/* =========================== WORKS SECTION ============================== */

section#works  { 
	position: relative; 
}

.og-grid li a figure {
	cursor:url("../images/more.png") 40 40, crosshair;
}

.og-grid li a figure span{
	color:#171717;
	border-color:#171717;
	font-weight:600;
	text-shadow: none;
}

/* =========================== DEMO VIDEO SECTION ============================== */

#demo-video{
	  background-image: url(../images/bg/quote-bg.jpg);
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    color: #ffffff;
	text-align:center;
}

#demo-video .demo-video { position: relative;}

/* =========================== OUR ACHIEVEMENT SECTION ============================== */

section#counting {
    background-image: url(../images/bg/quote-bg.jpg);
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    color: #ffffff;
}

section#counting .counting { position: relative;}

.counting h3 {
	margin:0 auto;
	color:#171717;
	font-weight:700;
	text-transform:uppercase;
	font-size:18px;
	margin-bottom:10px;
	margin-top:10px;
	padding:10px;
}
.counting-box i {
	color:#ffffff;
}
.counting-box .col-md-3{
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	padding:0px;
}
.fact-number {
	margin:0 0 0px;
	padding:0 0 0px;
	margin-bottom:20px;
}
.fact-number .factor {
	display:inline-block;
	line-height:45px;
	padding:10px 0px 20px 0;
	font-size:60px;
	width:160px;
	font-weight: 900;
}

/* =========================== WHY ITS BEST SECTION ============================== */
.timeline {
    position: relative;
    padding: 0;
	margin-top:10px;
    list-style: none;
}

.timeline:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    width: 2px;
    margin-left: -1.5px;
    background-color: #f1f1f1;
}

.timeline>li {
    position: relative;
    margin-bottom: 50px;
    min-height: 50px;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li .timeline-panel {
    float: right;
    position: relative;
    width: 100%;
    padding: 0 20px 0 100px;
    text-align: left;
}

.timeline>li .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li .timeline-image {
    z-index: 100;
    position: absolute;
    left: 0;
    width: 80px;
    height: 80px;
    margin-left: 0;
    border: 7px solid #f1f1f1;
    border-radius: 100%;
    text-align: center;
    color: #fff;
}

.timeline>li .timeline-image h4 {
    margin-top: 12px;
	color:#171717;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
    padding: 0 20px 0 100px;
    text-align: left;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li:last-child {
    margin-bottom: 0;
}

.timeline .timeline-heading h4 {
    margin-top: 0;
}

.timeline .timeline-heading h4.subheading {
    text-transform: none;
	text-transform:uppercase;
	color:#171717;
	font-weight:700;
}

.timeline .timeline-body>p,
.timeline .timeline-body>ul {
    margin-bottom: 0;
}


/* =========================== TEAM SECTION ============================== */

.team {
	position:relative;
}

.team .team-box {
	margin:20px auto 0px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	border-bottom:5px solid;
	position:relative;
	max-width:350px;
}
.team .team-box-inner {
	padding:0px;
	position:relative;
}
.team .team-box-inner h3 {
	margin-top:0px;
	color:#ffffff;
}
.team .team-box-inner p {
	padding:5px 15px 7px 15px;
	color:#ffffff;
}
.team .social-icon.top,.team .social-icon.bottom {
	left:0;
	margin:auto;
	padding:13px 0;
	position:relative;
	right:0;
	text-align:center;
}
.team .social-icon i {
	font-size:15px;
	line-height:35px;
	margin:0 7px;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	-o-border-radius:50px;
	-ms-border-radius:50px;
	color:#FFFFFF;
	width:35px;
	height:35px;
}
.team-box-inner .about-member {
	opacity:0;
	text-align:center;
	position:absolute;
	top:0;
	bottom:0px;
	left:0;
	right:0px;
		height:300px;
}
.team-box-inner .about-member .member-details {
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.team-box-inner:hover img {
		opacity:.1;
}
.team-box-inner:hover .team-thumbnail {
	background-color:rgba(0,0,0,.8);
}
.team-box-inner:hover .about-member {
		opacity:1;
}
.facebook {
		background-color:#204385;
}
.twitter {
		background-color:#2aa9e0;
}
.linkedin {
		background-color:#02669a;
}
.google {
		background-color:#d3492c;
}
.pinterest {
		background-color:#ca2128;
}
.youtube {
		background-color:#eb2429;
}
.vimeo {
		background-color:#20b7ec;
}
.flickr {
		background-color: #f14c8e;
}

.team .social-icon i{
	background-color:#c1c0bf;
}


/*================== REVIEWS =====================*/
section#reviews {
    background-image: url(../images/bg/review-bg.jpg);
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}

section#reviews .reviews { position: relative;}
section#reviews .review-filtering .review .review-comment ,
section#reviews .review-filtering .review .review-details{
	padding:0px;
} 
section#reviews .review-filtering .review .review-details{
	background-color:#ffffff;
	/* float:left;
	width:25%; */
}

section#reviews .review-filtering { margin: 0px 0 }

section#reviews .review-filtering .review .review-person { width: 100% }

section#reviews .review-filtering .review .review-person img {
}

.display-table{
	display:table;
}
.review-details{
	width:30%;
	display:table-cell;
}
.review-comment{
	width:70%;
	vertical-align:middle;
	text-align:center;
	padding:20px 20px 0 20px !important;
	display:table-cell;
}

/* section#reviews .review-filtering .review .review-comment {	
    padding: 75px;
    position: relative;
	z-index:-1;
	margin-top:50px;
	margin-left:22%;
	width:78%;
} */
section#reviews .review-filtering .review .review-comment h3 {
    margin-bottom: 0;
	margin-top:0;
    color: #ffffff;
    text-transform: capitalize;
	font-weight:400;
	vertical-align:middle;
}
section#reviews .review-filtering .client-name h3 span{
	display:block;
	padding-top:5px;
}

section#reviews .review-filtering .review .review-comment p {
    font-size: 15px;
}

section#reviews .review-filtering .review .stars { 
	display: block; 
	color:#ffffff;  
	margin-bottom:0px;
}

section#reviews .review-filtering .slick-dots { bottom: -30px }

section#reviews .review-filtering .slick-dots li button:before,
section#about .team-filtering .slick-dots li button:before {
    display: none;
    width: 10px;
    height: 10px;
    line-height: 10px;
}

.slick-dots li button,
.slick-dots li {
    width: 15px;
    height: 15px;
    line-height: 15px;
}

section#reviews .review-comment h3 {
    line-height: 1.7;
    font-weight: 100;
    font-size: 32px;
	padding-bottom:20px;
}

section#reviews .client-name { text-align: center }

section#reviews .review-filtering .review .client-name h3 {
    margin-top: 15px;
	margin-bottom:15px;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}

section#reviews .owl-theme .owl-controls .owl-page{
	display:block;
}
section#reviews .owl-theme .owl-controls{
    margin-top: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
}

/* =========================== NEWS SECTION ============================== */

.blog .blog-box {
	margin-bottom:10px;
}
.blog .blog-box img {
	text-align:center;
}
.blog .blog-box:hover img {
	opacity:.6;
}
.blog .title-top {
	margin:0px;
}
.blog .effects .img {
	margin-bottom:0px;
}
.blog-content {
	padding:20px 0;
	text-align:left;
}
.blog-content h2 {
	font-weight:500;
	margin-top:0;
	font-size:20px;
	text-transform:capitalize;
	letter-spacing:0px;	
	margin-bottom:0px;
	line-height:26px;
}
.blog-content h2 a{
	color:#171717;
}
.blog-content p {
	color:#717b82;
}
.blog-content .comments {
		padding:5px 5px 10px 5px;
}
.blog .btn {
	padding:7px 15px 8px;
	font-weight:normal;
	margin:10px 0 0 0;
	font-size:15px;
}
.blog .slide-btn {
	background-color:#171717;
}
.blog .btn i {
	vertical-align:text-bottom !important;
}
.blog .btn:hover {
	color:#FFFFFF !important;
}
.blog .load-post .btn {
	background-color:rgba(0,0,0,.8);
	padding:15px 25px;
	color:#FFFFFF;
}
.blog .load-post .btn:hover {
	color:#FFFFFF;
	background-image:none;
}
.blog .blog-scroll-section .effects .img {
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}
.blog .blog-scroll-section{
	margin-top:10px;
}
.news-info{
	padding-bottom:5px;
	margin-bottom:5px;
}
.news-info div {
	display:inline-block;
	padding-right:10px;
	color:#171717;
	font-size:13px;
}
.news-info div .fa {
	padding-right: 5px;
}

/* =========================== SKILL SECTION EXTRA ============================== */

.skills-inner .count-number {
    font-size: 50px;
    font-weight: 900;
    line-height: 1;
}

.skills-inner  .item-name {
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
	margin-bottom:20px;
    text-transform: uppercase;
}

.skills-inner .piechart {
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 0px auto -24px;
    width: 100%;
}

.skills-inner  .piechart canvas {
    position: absolute;
    top: 0;
    left: 46%;
    margin-left: -70px;
}

.skills-inner .piechart span {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    color: #FFFFFF;
    font-family: "Open Sans",sans-serif;
    display: block;
    font-size: 42px;
    font-weight: 500;
    height: 162px;
    left: 46%;
    line-height: 200px;
    margin-bottom: 25px;
    margin-left: -75px;
    position: relative;
    top: -26px;
    width: 162px;
    z-index: 2;
}

.skills-inner .piechart span:after {
    content: '%';
    font-size: 42px;
}

/* Load More */
.load-more {
	display:none;
}
.load-more.active {
		display: block;
}

/* =========================== CLIENT SECTION ============================== */

#clients {
	border-bottom: 1px solid #eaebec;
}
.container.client-inner {
	padding-top:40px;
	padding-bottom:30px;
}
#clients .owl-controls{
	display:none !important;	
}
.client-img{
	text-align:center;
}

.client-img  img {
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.9999 0.9999 0.9999 0 0 0.9999 0.9999 0.9999 0 0 0.9999 0.9999 0.9999 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* for Webkit browsere, Chrome 19+, Safari 6+ ... */  
	-webkit-filter: grayscale(0.5); 
	 /* for IE6+ */  
	 -moz-filter: grayscale(0.5);  
	 -ms-filter: grayscale(0.5);  
	 -o-filter: grayscale(0.5);  
	 filter: grayscale(0.5); 
	 opacity:0.65; 
	 filter: gray;
	 width:70%;
}
.client-img   img:hover {
	filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0,1 0\'/></filter></svg>#grayscale");
		/* for Webkit browsere,Chrome 19+,Safari 6+... */ 	-webkit-filter:grayscale(0);
		/* for IE6+*/ 	filter:gray;
		opacity:1;
	-moz-filter:grayscale(0);
		-ms-filter:grayscale(0);
		-o-filter:grayscale(0);
		filter: grayscale(0);
}


/* =========================== TWITTER FEED SECTION ============================== */

.twitter-feed {
	text-align:center;
	padding-bottom:15px;
}
.twitter-feed .owl-buttons {
	display:none;
}
.tweet {
    padding: 6px 0 5px;
}
.twitter-feed i {
	margin:-35px 0;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	padding:10px;
	color:#FFFFFF;
}
.twitter-feed .owl-pagination,.twitter-feed .icon-twitter,.twitter-feed .tweet_time,.twitter-feed .username {
	display:none;
}
.twitter-feed .tweet_text {
	color:#FFFFFF;
	font-family:'Raleway',sans-serif;
	font-size:14px;
	font-weight:300;
	font-style:italic;
}
.twitter-feed .tweet_user a,.tweet_text a {
	text-decoration:underline;
}
.twitter-feed .tweet_user a,.tweet_text a,.twitter-feed .tweet_text,.username {
		color: #171717;
}
/* =========================== SUBSCRIBE SECTION ============================== */
#subscribe {
	background-image:url(../images/bg/subscribe-bg.jpg);
	 background-attachment:fixed !important;
	 background-size:cover;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-repeat:repeat;
	color:#ffffff;
}
.subscribe {
	position:relative;
}
.subscribe .title {
	color:#FFFFFF;
}
.form-control-lg {
	font-size:18px;
	height:60px;
	line-height:30px;
	padding:15px 25px;
}
.subscribe-form-submit {
	border-bottom-left-radius:0;
	border-top-left-radius:0;
	position:absolute;
	right:0;
	top:0px;
	width:150px;
	color:#ffffff;
}
.form-horizontal .subscribe-form-input.has-feedback .form-control-feedback {
	right:150px;
	top:13px !important;
}
.btn-lg {
	padding:17px 25px;
	border-radius:0px;
}
.subscribe .form-control::-moz-placeholder {
	color:#b4c3d2 !important;
	opacity:0.98 !important;
	font-weight:300!important;
}
.subscribe .form-control::-webkit-input-placeholder {
	color:#b4c3d2 !important;
	opacity:1;
}
.subscribe .btn.bg-inverse:hover,.subscribe .btn.bg-inverse:focus {
	opacity: .8;
}

/* =========================== CONTACT US SECTION ============================== */

.contact {
	background:url(../images/contact.jpg);
	 background-attachment:fixed !important;
	 background-size:cover;
	-o-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-repeat:repeat;
}
.contact-info{
	margin-bottom:20px;
}
.contact .header {
	padding-bottom:15px;
}
.contact .form-control {
	background-image:url(../images/pattern.png);
	background-color:rgba(0,0,0,.8);
	opacity:0.60;
	color:#ffffff !important;
	border:1px solid #171717;
	height:60px;
	margin-bottom:5px;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-o-border-radius:0;
	-ms-border-radius:0;
}
.contact .form-message {
	color:#000;
	padding:5px 0 10px;
	text-align:center;
}
.forms .error,.forms .error:focus {
	border:1px solid #d99898;
}
.contact textarea.form-control {
	height:200px;
}
.contact .form-horizontal .form-group {
	margin:5px 0px;
}
.contact .form-control::-moz-placeholder {
	color:#ffffff !important;
	opacity:0.98 !important;
}
.contact .form-control:focus {
	color:#ffffff !important;
	opacity:1 !important;
}
.contact-form .form-group{
	margin-bottom:3px;
}
.contact .form-control::-webkit-input-placeholder {
		color:#ffffff !important;
	opacity:1;
}
.contact .btn {
	width:auto;
	padding:16px 20px;
	color:#171717;
	font-weight:normal;
	border:0px;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-o-border-radius:0;
	-ms-border-radius:0;
	margin-top:5px;
	text-transform:uppercase;
	font-weight:700;
}
.contact .btn i {
	margin:0 0 0 12px;
}
.contact .btn:hover {
	opacity:.8;
}

/* =========================== DOWNLOAD NOW ============================== */
.download-now {
	background-color:#171717;
	position:relative;
}
.download-now .btn i {
	font-size:20px;
	margin-left:10px;
	margin-right:10px;
}
.download-now .btn {
	font-size:15px;
}
.download-now .btn {
	margin:0px 10px 0px 10px;	
	padding:15px 20px 15px 40px;
	font-size:15px;
	font-weight:700;
	text-transform:uppercase;
	color:#171717;
	position:relative;
	transition:all 0.4s ease-in 0s;
	-moz-transition:all 0.4s ease-in 0s;
	-webkit-transition:all 0.4s ease-in 0s;
	-o-transition:all 0.4s ease-in 0s;
	-ms-transition:all 0.4s ease-in 0s;
}
.download-now .btn:hover {
	opacity:.8 !important;
}

/* =========================== FOOTER SECTION ============================== */
/* =========================== Social Media ===========================*/
.social-media {
	text-align:center;
	border-top:1px solid rgba(0,0,0,.3);
	padding-top:30px;
}
.social-media i {
	width:70px;
	height:70px;
	line-height:66px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	margin:5px;
	font-size:20px;
	color:#ffffff;
	background-color:rgba(0,0,0,.3);
	border-color: rgba(0,0,0,.3);
}
/* =========================== Copyrights ============================== */
.copyright {
	background-color:#171717;
	color:#FFFFFF;
	position:relative;
}
.copyright p,
.copyright a {
	font-size:14px;
	padding-top:15px;
	font-weight:normal;
	color:#d9e2e9;
}
.copyright p{
	padding-bottom:15px;
}

/* =========================== PAGES ============================== */
/* ------------- Blog ------------- */
.blog-outer {
	margin:20px 0 0;
	padding:45px 0 15px;
}
#blog-outer a {
	text-decoration:none !important;
}
.blog-outer .blog-inner {
	margin:30px 0px 45px;
	border:1px solid #CCCCCC;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	padding:10px 0px;
	box-shadow:0 0 0 4px #f0f0f0;
	-moz-box-shadow:0 0 0 4px #f0f0f0;
	-webkit-box-shadow:0 0 0 4px #f0f0f0;
}
.blog-outer .blog-inner img {
	padding-bottom:10px;
}
.blog-outer .blog-status ul {
	font-size:13px;
	list-style:none outside none;
	background:#f9f9f9;
	border-top:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
	padding:10px 0px;
	margin-left:-15px;
	margin-right:-15px;
	text-align:right;
}
.blog-outer .blog-status .blog-date {
	padding:10px 0px;
}
.blog-outer .blog-status .blog-date .span-inner {
	font-size:16px;
}
.blog-outer .blog-status .blog-title {    
	font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
	border-left:1px solid #CCCCCC;
	margin-top:10px;
}
.blog-outer .blog-status li {
	display:inline;
	padding:0 20px;
}
.blog-outer .blog-status p {
	padding:10px 0 5px;
	line-height:26px;
	color:#717b82;
}
.blog-outer .blog-status i {
	margin:5px 8px;
}
.blog-outer .blog-social {
	padding:10px 0px 0px;
}
.blog-outer .blog-inner-bottom .social-title {
	padding:3px 0 0 0;
}
.blog-outer .blog-social i {
	font-size:20px;
	line-height:33px;
	margin:0 7px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	background-color:#CCCCCC;
	color:#FFFFFF;
	width:33px;
	text-align:center;
	height:33px;
}
.blog-outer .btn a {
	color:#FFFFFF;
}
.blog-inner-bottom {
	border-top:1px solid #CCCCCC;
	padding:0px 8px;
}
.blog-outer .blog-social i:hover {
	color:#FFFFFF;
}
.blog-outer .blog-status .read-more:hover {
	text-decoration:underline;
}
.blog-outer .post-video iframe {
	width: 100%;
}
/* ------------- Blog Right Part Sidebar ------------- */
.blog-outer .sidebar {
	margin:30px 0px;
	padding:0px 0px 0px 20px;
}
.blog-outer .sidebar a {
	color: #666666;
}
/* Blog Search Box */
.blog-outer .sidebar .form-control {
	border-right:hidden !important;
	box-shadow:none;
	height:40px;
	background:none;
	border-radius:none;
}
.blog-outer .input-group .form-control,.blog-outer .input-group-addon {
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	-o-border-radius:0px;
	-ms-border-radius:0px;
}
.blog-outer .sidebar .form-control:focus {
	border:1px solid #CCCCCC !important;
	border-right:hidden !important;
	box-shadow:none;
}
.blog-outer .form-control::-moz-placeholder {
	color:#999999 !important;
	background-color:none;
}
.blog-outer .input-group-addon {
	background:none;
	border-left: hidden;
}
/* Sidebar Social */
.sidebar-social {
	padding:40px 0px 10px;
}
.sidebar-social ul {
	padding-left:0px;
}
.sidebar-social span {
	display:inline-block;
	padding:0 9px 6px;
}
.sidebar-social li {
	border:1px solid #CCCCCC;
	margin:13px 0px;
	list-style-type:none;
	box-shadow:0 0 0 4px #f0f0f0;
	-moz-box-shadow:0 0 0 4px #f0f0f0;
	-webkit-box-shadow:0 0 0 4px #f0f0f0;
}
.sidebar-social li a i {
	float:right;
	color:#999;
	font-size:15px;
	line-height:25px;
}
.sidebar-social li i {
	font-size:25px;
	padding:8px 0px;
	margin-right:5px;
	text-align:center;
	width:43px;
	height:43px;
	color:#FFFFFF;
	display:inline-block;
}
.fa-twitter {
	background-color:#54c8f9;
}
.fa-facebook {
	background-color:#3f61a9;
}
.fa-linkedin {
	background-color:#2d95d2;
}
.fa-google-plus {
	background-color:#ef6565;
}
.fa-pinterest {
	background-color: #d94134;
}
/* Sidebar Facebook */
.sidebar-facebook {
	margin:30px 0px;
	padding:10px 0px 10px;
	border:1px solid #CCCCCC;
	box-shadow:0 0 0 4px #f0f0f0;
	-moz-box-shadow:0 0 0 4px #f0f0f0;
	-webkit-box-shadow:0 0 0 4px #f0f0f0;
}
.sidebar-facebook .facebook-inner {
	padding:15px 24px 25px;
}
.sidebar-facebook h4 {
	padding:0 10px;
}
.sidebar-facebook ul {
	padding-left:0px;
	margin:15px 5px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.sidebar-facebook li {
	margin:5px 2px;
	display:inline-block;
	list-style-type:none;
}
.sidebar-facebook .fa-facebook {
	background-color:#3f61a9;
}
.sidebar-facebook i {
	font-size:18px;
	padding:3px 0px;
	margin:0 10px;
	text-align:center;
	width:20px;
	height:20px;
	color: #FFFFFF;
}
.sidebar-facebook .facebook-inner img{
	width:69px;
}
/* Twitter Sidebar */
.sidebar .twitter-feed {
	background-color:#FFFFFF !important;
	padding:10px 0px 5px;
	position:relative;
	border:1px solid #CCCCCC;
	box-shadow:0 0 0 4px #f0f0f0;
	-moz-box-shadow:0 0 0 4px #f0f0f0;
	-webkit-box-shadow:0 0 0 4px #f0f0f0;
}
.sidebar .twitter-feed i {
	text-align:center;
	background-color:#FFFFFF !important;
	margin:0 auto;
	color:#3498db;
}
.sidebar .tweet {
	padding:5px 0px;
}
.sidebar .twitter-feed .owl-buttons {
	display:inherit;
}
.sidebar .owl-theme .owl-controls .owl-buttons div:before {
	font-size:12px;
	line-height:32px;
	color:#171717;
	width:20px;
}
.sidebar .owl-buttons .owl-next {
	right:41%;
}
.sidebar .owl-buttons .owl-prev {
	left:41%;
}
.sidebar .owl-carousel .owl-item {
	padding:10px 20px;
}
.sidebar .owl-theme .owl-controls {
	margin-top:0px;
}
.sidebar .owl-theme .owl-controls .owl-buttons div {
	position:absolute;
	top:-22px;
	padding:0px;
}
.sidebar .owl-theme .owl-controls .owl-buttons .owl-prev,.sidebar .owl-theme .owl-controls .owl-buttons .owl-next {
	color:#171717 !important;
	height:35px;
	width:30px;
}
.sidebar .twitter-feed .tweet_text,.sidebar .username {
	font-size:12px;
	font-weight:500;
	color:#666666;
	font-style:italic;
}
/* Blog Categories */	.blog-outer .categories {
	margin:30px 0px;
}
.blog-outer .categories ul {
	list-style:none outside none;
	padding:10px 0px;
	text-align:left;
}
.blog-outer .categories li {
	padding:10px 0 10px 5px;
	transition:all 0.6s ease 0s;
}
.blog-outer .categories li:hover {
	background:#f3f3f3;
	transition:all 0.6s ease 0s;
}
.blog-outer .categories i {
	float: right;
}
/* Blog Tags */
.blog-outer .tags {
	margin:40px 0;
}
.blog-outer .tags ul {
	padding-left:0px;
}
.blog-outer .tags li {
	display:inline-block;
	margin:2px;
	padding:5px 7px;
	border:1px solid;
	transition:all 0.4s ease 0s;
}
.blog-outer .tags li:hover {
	background:#CCCCCC;
	transition:all 0.4s ease 0s;
}
.blog-outer .tags li:hover a {
	color:#FFFFFF !important;
}
.blog-outer .tags h4,.blog-outer .categories h4,.blog-outer .recent-comments h4,.blog-outer .archives h4 {
	border-bottom:1px solid #d9e1f0;
	font-size:18px;
	font-weight:700;
	margin:0 0 8px;
	padding: 0 0 10px;
}
/* Blog Recent Comments and Archives */
.blog-outer .recent-comments {
	margin:50px 0;
}
.blog-outer .sidebar .recent-comments p,.blog-outer .sidebar .archives p {
	padding:15px 0px;
	margin:0px;
	line-height:26px;
	border-bottom:1px dashed #CCCCCC;
	font-size:14px;
}
.blog-outer .archives p i {
	float:right;
	font-size: 15px;
}
/* ------------- Blog Single Page ------------- */
blockquote {
	border-left:0;
}
.blog-single blockquote {
	border-left:5px solid;
	margin:50px 0px;
	padding:30px 20px;
	font-size:13px;
}
.blog-single blockquote img {
	float:left;
	margin:-20px 20px 0 0;
}
.blog-single blockquote h3 {
	margin:5px 0px;
}
.blog-single .blog-status p {
	padding:10px 0px 5px;
}
.blog-single .form-section {
	padding:20px 0px;
}
.blog-single .btn:hover {
	background-color:#CCCCCC;
}
.blog-single blockquote .author-name {
	color:#26455F;
	font-size:16px;
	font-weight:bold;
	margin-bottom:0;
	padding:0;
	position: relative;
}
/* Comments */
.comments {
	padding:20px 0px;
}
.image-circle {
	border-radius:500px;
	-moz-border-radius:500px;
	-webkit-border-radius:500px;
	-khtml-border-radius:500px;
	-ms-border-radius:500px;
	-o-border-radius:500px;
}
.comment-wrap {
	background-color:#f6f6f6;
	display:block;
	margin:30px 0px;
	padding:25px 29px;
	position:relative;
}
.comment-reply {
	margin-left:30px;
	border-left:5px solid;
}
.comment-wrap .image-holder {
	float:left;
	margin-right:16px;
	position:relative;
	width:61px;
	z-index:30;
}
.comment-wrap .name {
	font-size:16px;
	font-weight:bold;
	margin-bottom:0;
	padding:0;
	position:relative;
}
.comment-wrap .date {
	font-size:12px;
	font-weight:300;
	padding:0 0 10px;
}
.comment-wrap .message {
	font-size:14px;
}
.comment-wrap i {
	padding: 0px 8px;
}
/* ------------- Blog Single Contact Form ------------- */
.blog-single .form-control {
	border:0px;
	height:40px;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	-o-border-radius:0px;
	-ms-border-radius:0px;
	border:1px solid #CCCCCC;
	box-shadow:none;
}
.blog-single textarea.form-control {
	height:130px;
}
.blog-single .form-control:focus {
	border:1px solid #CCCCCC !important;
}
.blog-single .form-horizontal .form-group {
	margin:20px 0px;
}
.blog-single .btn {
	width:130px;
	background-color:#171717;
	padding:7px 10px;
	font-size:16px;
	margin-top:0px;
	color:#ffffff;
	font-weight:normal;
	height:40px;
	border:0px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
}
.blog-single .btn:hover {
	color: #FFFFFF;
}
/* ------------- Blog Grid ------------- */
.grid-posts {
	margin:10px 0px;
	padding:0 15px;
	width:33.3%;
}
.blog-grid .blog-status li {
	padding:0 5px;
}
.blog-grid .blog-status ul {
	text-align:center;
	margin-left:-15px;
	margin-right:-15px;
}
.blog-grid .blog-inner {
	padding:10px 0px;
	margin:0px !important;
}
.blog-grid .embed-container,.blog-timeline .embed-container {
		position:relative;
	padding-bottom:56.25%;
		overflow:hidden;
		max-width:100%;
		height:225px;
}
.blog-grid .embed-container iframe,.blog-grid .embed-container object,.blog-grid .embed-container embed,.blog-timeline .embed-container iframe,.blog-timeline .embed-container object,.blog-timeline .embed-container embed {
		position:absolute;
		top:0;
		left:0;
	width:100%;
		height:100%;
}
.blog-grid .social-title i,.blog-timeline .social-title i {
	margin:5px 7px;
	text-align:left;
}
.blog-grid .flexslider,.blog-timeline .flexslider {
	background:none !important;
	border:0px;
	border-radius:0px;
	box-shadow:none;
}
.blog-grid .blog-status .flexslider ul {
	border:0px;
	background:none;
	padding:0px 10px;
}
.blog-grid .flex-direction-nav-on-top .flex-direction-nav {
	right:16px;
}
.blog-grid .blog-social i,.blog-timeline .blog-social i {
	margin:0 4px;
}
.blog-grid .blog-social,.blog-timeline .blog-social {
	padding: 10px 4px 0;
}
/* ------------- Blog Timeline ------------- */
.blog-timeline .flex-direction-nav-on-top .flex-direction-nav {
	right:16px;
}
.blog-timeline-event .slides li {
	padding:0 10px !important;
}
.blog-timeline .blog-status .flexslider ul {
	border:0px;
	background:none;
	padding:0 5px;
}
.timeline-title {
	display:block;
	margin:10px auto;
	text-align:center;
}
.timeline-title2 {
	display:block;
	margin:40px auto 11px;
	text-align:center;
}
.timeline-title span,.timeline-title2 span {
	border-radius:3px;
	color:#fff;
	padding:8px 15px;
}
.blog-timeline .blog-inner {
	box-shadow:0 0 0 4px #dddddd;
}
.blog-timeline-left {
	border-right:5px solid #ddd;
}
.blog-timeline-event-left {
	position:relative;
	width:97%;
	padding:0 20px;
}
.blog-timeline-event-left:before {
	margin-left:-12px;
	right:-44px;
}
.blog-timeline-event-left:before {
	margin-left:-12px;
	right:-41px;
}
.blog-timeline-event-left:before {
	border:4px solid #ddd;
	border-radius:50px;
	content:"";
	height:20px;
	margin-left:-12px;
	position:absolute;
	right:-45px;
	top:13px;
	width:20px;
	z-index:10;
}
.blog-timeline-event-left:after {
	border-color:transparent transparent transparent #dddddd;
	border-width:14px 0 14px 20px;
	right:0px;
}
.blog-timeline-event:after {
	border-style:solid;
	content:"";
	height:0;
	position:absolute;
	top:9px;
	width: 0;
}
/* Timeline Right */
.blog-timeline-right {
	padding-top:100px;
}
.blog-timeline-event-right {
	margin-left:3%;
	padding:0px 20px;
	position:relative;
	width:97%;
}
.blog-timeline-event-right:before {
	left:-32px;
	margin-left:-12px;
}
.blog-timeline-event-right:before {
	left:-29px;
	margin-left:-12px;
}
.blog-timeline-event-right:before {
	border:4px solid #ddd;
	border-radius:50px;
	content:"";
	height:20px;
	left:-34px;
	margin-left:-12px;
	position:absolute;
	top:13px;
	width:20px;
	z-index:10;
}
.blog-timeline-event-right:after {
	border-color:transparent #dddddd transparent transparent;
	border-width:14px 20px 14px 0;
	left:0px;
}
.blog-timeline-event:after {
	border-style:solid;
	content:"";
	height:0;
	position:absolute;
	top:9px;
	width: 0;
}
/* Pagination */
.pagination {
	display:block;
	margin:0px auto;
	text-align:center;
}
.pagination ul {
	display:inline-block;
	margin:20px auto;
	padding:0;
}
.pagination ul>li {
	display:inline;
}
.pagination ul>li>a,.pagination ul>li>span {
	color:#555555;
	float:left;
	line-height:24px;
	padding:3px 12px 6px;
	text-decoration:none;
	-moz-transition:background-color 0.2s linear 0s,color 0.2s linear 0s;
	-webkit-transition:background-color 0.2s linear 0s,color 0.2s linear 0s;
	-khtml-transition:background-color 0.2s linear 0s,color 0.2s linear 0s;
	-o-transition:background-color 0.2s linear 0s,color 0.2s linear 0s;
	-ms-transition:background-color 0.2s linear 0s,color 0.2s linear 0s;
	transition:background-color 0.2s linear 0s,color 0.2s linear 0s;
}
.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus {
	border-radius:0;
	color:#FFFFFF;
}
.pagination ul>.active>a,.pagination ul>.active>a:hover,.pagination ul>.active>a:focus,.pagination ul>.active>span {
	background-color:#666666 !important;
	color:#FFFFFF;
	cursor:default;
}
.pagination ul>li>a,.pagination ul>li>span {
	color:#FFFFFF;
}
.pagination ul>li>a:hover,.pagination ul>li>a:focus {
	background-color: #BBBBBB !important;
}
/* -------------- PORTFOLIO ------------------ */
#portfolio {
	background:#f2f6fa;
	padding-bottom:80px;
	border-bottom:2px solid #dce0e3;
	overflow-x:hidden;
}
.container.work-inner {
	padding-top:60px;
	padding-bottom:20px;
}
.work {
		padding:0;
}
.effects .work-image {
	margin-bottom:3px;
		box-shadow:-2px -0.4px 0px 1px #f2f6fa;
	-moz-box-shadow:-2px -0.4px 0px 1px #f2f6fa;
	-webkit-box-shadow:-2px -0.4px 0px 1px #f2f6fa;
	-o-box-shadow:-2px -0.4px 0px 1px #f2f6fa;
	-ms-box-shadow:-2px -0.4px 0px 1px #f2f6fa;
	position:relative;
}
.work-image img {
	width:100%;
	height:100%;
}
.portfolio-items .mix {
	display: none;
}
/* ------------- FAQ ------------- */
.faq {
	margin-top:60px;
	padding-bottom:90px;
}
.faq h3 {
	padding:0 0 10px 0;
}
.faq .panel-group {
	margin:10px 0px;
}
.faq .panel-group .panel {
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius:2px;
	-ms-border-radius:2px;
	margin:3px 0px;
}
.faq .panel-heading {
	padding:15px;
	background:none;
}
.faq .panel-default {
	border-color:#CCCCCC;
}
.faq .panel-title a {
	text-transform:capitalize;
	line-height: 25px;
}
/* Faq Left Part */
.faq .left-part .panel-group .panel {
	border:0px;
	box-shadow:none;
}
.faq .left-part .faq-panel .accordion-toggle:before {
	padding:4px 6px;
	margin-left:-12px;
	content:"\f068";
	color:#FFFFFF;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	font-family:"fontawesome";
	transition:all ease 0.6s;
}
.faq .left-part .faq-panel .accordion-toggle.collapsed:before {
	content:"\f067";
}
.faq .left-part .panel-body {
	background:none;
	color:#1f1f1f;
	line-height:26px;
	padding:10px 25px 10px 35px;
}
.faq .left-part .panel-title h4 {
	margin-left:10px;
}
.faq .right-part .panel-body {
	padding:10px 25px 10px 15px;
	line-height:26px;
}
.faq-copy {
	padding:20px 0px 10px;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.1);
}
/* ------------- Shortcodes ------------- */
#header-top #top-section-sticky-wrapper.is-sticky .top-container {
	padding:5px 55px 10px;
}
#header-top .title-row {
	margin-left:0px;
	margin-right:0px;
}
#header-top {
	background-color:#FFFFFF;
}
#header-top .top-container {
	padding:15px 10px;
}
.shortcodes {
	margin-top:50px;
	margin-bottom:50px;
}
.shortcodes .tab-menu {
	padding:30px 8px;
}
.shortcodes .tab-menu i {
	margin-right:5px;
	font-size:15px;
}
.shortcodes .tab-menu a {
	color:#1f1f1f;
}
.shortcodes .tab-menu a:hover {
	background:none;
}
.shortcodes .tab-menu p {
	padding:20px 20px;
	line-height:26px;
}
.shortcodes .tab-menu h4 {
	padding:0px 10px;
}
.shortcodes .tab-content {
	border:1px solid #ccc;
	border-top:none;
	margin:0px 10px;
}
.shortcodes ul {
		padding-top:10px;
	margin:0px 10px;
}
.shortcodes .nav-tabs>li.active>a,.shortcodes .nav-tabs>li.active>a:hover,.shortcodes .nav-tabs>li.active>a:focus {
	background-color:#FFFFFF;	
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	-o-border-radius:0px;
	-ms-border-radius:0px;
	font-weight:500;
	cursor:default;
}
.shortcodes .nav-tabs>li.active>a:focus {
	border-top:2px solid;
	border-bottom:0px;
	border-left:1px solid #ccc !important;
	border-right:1px solid #ccc !important;
}
.shortcodes .nav-tabs>li.active>a {
	border-top:2px solid;
	border-bottom:0px;
	border-left:1px solid #ccc !important;
	border-right:1px solid #ccc !important;
}
.shortcodes .nav-tabs {
	border-bottom: 1px solid #ccc;
}
/* Shortcode Accordion */
.shortcodes .accordion h4 {
	font-weight:500;
	text-transform:capitalize;
}
.shortcodes .accordion .panel-title,.shortcodes .accordion .panel-body {
	font-size:15px;
}
.shortcodes .short-code .accordion-toggle:before {
	padding:4px 6px;
	margin-left:-12px;
	content:"\f068";
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	font-family:"fontawesome";
	transition:all ease 0.6s;
}
.shortcodes .short-code .accordion-toggle.collapsed:before {
	content:"\f067";
}
.shortcodes .accordion {
	padding:10px 5px;
}
.shortcodes .panel-body {
	padding:10px 25px 10px 15px;
	line-height:26px;
}
.shortcodes .panel-default .panel-heading {
	background-color:#f3f3f3;
	border-color:#DDDDDD;
	color:#171717;
}
.shortcodes .panel-heading {
	padding:13px 15px;
}
.shortcodes .panel-group .panel {
	box-shadow:none;
}
.shortcodes .accordion .accordion-inner {
	padding: 13px 5px;
}
/* Buttons */
.shortcodes .button-inner {
	padding:20px 0px;
}
.shortcodes .progressbar h4 {
	padding:20px 0px;
}
.shortcodes .progressbar .progress {
	background-color:#F5F5F5;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	-o-border-radius:0px;
	-ms-border-radius:0px;
	box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;
	height:25px;
	margin-bottom:30px;
	overflow:hidden;
}
.shortcodes .progressbar .progress span {
	font-size:14px;
	float:right;
	font-weight:bold;
}
.shortcodes .panels h4 {
	padding:20px 0px;
}
/* Testimonials */	.shortcodes .testimonial h4 {
	padding:20px 0px;
}
.shortcodes .testimonial .testimonial-inner .testimonial-content:before {
	content:"\f10d";
	font-size:18px;
	font-weight:300;
	font-family:"fontawesome";
	left:7px;
	opacity:0.5;
	position:absolute;
	top:0px;
}
.shortcodes .testimonial .testimonial-inner .testimonial-content:after {
	bottom:-13px;
	content:"\f0d7";
	display:block;
	font-family:"fontawesome";
	font-size:2em;
	height:8px;
	left:33px;
	line-height:0;
	position:absolute;
	text-shadow:0 2px 0 #EEEEEE;
}
.shortcodes .testimonial .testimonial-inner .testimonial-content {
	background:#f3f3f3;
	border:1px solid #E8E8E8;
	border-bottom:2px solid;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	-o-border-radius:0px;
	-ms-border-radius:0px;
	box-shadow:0 0 20px rgba(0,0,0,0.04) inset;
	margin:0 0px 10px;
	padding:30px 25px 15px;
	line-height:26px;
	position:relative;
	transition:all 0.3s linear 0s;
}
.shortcodes .testimonial .testimonial-inner .testimonial-content:hover {
	color:#fff;
	border-bottom:2px solid;
	transition:all 0.3s linear 0s;
}
.shortcodes .testimonial .testimonial-inner .testimonial-content img {
	float:left;
	padding-top:25px;
	border:2px solid #fff;
}
.shortcodes .testimonial .testimonial-inner .testimonial-author {
	margin-left:10px;
	text-align:left;
}
.shortcodes .testimonial .testimonial-inner .testimonial-author span {
	font-weight:600;
}
.shortcodes .testimonial .testimonial-inner,.shortcodes .testimonial .testimonial2-inner {
	margin-top: 10px;
}
/* Testimonial2 Inner */
.shortcodes .testimonial .testimonial2-inner .testimonial-content:after {
	bottom:-13px;
	content:"\f0d7";
	display:block;
	font-family:"fontawesome";
	font-size:2em;
	height:8px;
	left:33px;
	line-height:0;
	position:absolute;
	text-shadow:0 2px 0 #EEEEEE;
}
.shortcodes .testimonial .testimonial2-inner .testimonial-content {
	background:#f3f3f3;
	border:1px solid #E8E8E8;
	border-bottom:2px solid;
	border-radius:0px;
	box-shadow:0 0 20px rgba(0,0,0,0.04) inset;
	margin:0 0px 10px;
	padding:5px 15px 5px;
	position:relative;
	transition:all 0.3s linear 0s;
}
.shortcodes .testimonial .testimonial2-inner .testimonial-content:hover {
	color:#fff;
	border-bottom:2px solid;
	transition:all 0.3s linear 0s;
}
.shortcodes .testimonial .testimonial2-inner .testimonial-content img {
	float:left;
	margin:20px 15px 20px 0;
	border:2px solid #fff;
}
.shortcodes .testimonial .testimonial2-inner .testimonial-content p {
	text-align:center;
	padding:15px;
	line-height:26px;
}
	.shortcodes .testimonial .testimonial2-inner .testimonial-author {
	margin-left:10px;
	text-align:left;
}
.shortcodes .testimonial .testimonial2-inner .testimonial-author span {
	font-weight:600;
}
/* Testimonials 3 */	
.shortcodes .testimonial3-inner .carousel h4 {
	color:#666;
	text-align:center;
	padding:0px;
}
.shortcodes .testimonial3-inner .carousel h5 {
	color:#666;
	text-align:center;
}
.shortcodes .testimonial3-inner .carousel-indicators {
	bottom:60px;
}
.shortcodes .testimonial3-inner .carousel-indicators li {
	margin:0px;
	height:15px;
	width:15px;
	border:2px solid #CCC;
	background-color:#CCCCCC;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
}
.shortcodes .testimonial3-inner .item-descripion {
	text-align:center;
	color:#666;
	padding:40px 30px 20px;
	line-height:26px;
}
.shortcodes .testimonial3-inner .item-img {
	float:left;
	text-align:center;
	padding:30px 30px;
	margin:0px 20px;
}
.shortcodes .testimonial3-inner img {
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
}
.shortcodes .testimonial3-inner .carousel-inner p:before {
	content:"\f10d";
	color:#666;
	font-family:"fontawesome";
	font-size:18px;
	font-weight:300;
	left:-10px;
	opacity:0.5;
	position:relative;
	top:0;
}
.shortcodes .shortcode-title {
	padding: 20px;
}
/* Fun Facts */
.shortcodes .fact-top {
	padding:30px 0px 0px;
}
.shortcodes .fact-margin {
	margin-bottom:10px;
	margin-top: 20px;
}
/* Skills */
.shortcodes .skill {
	background:none;
}
.shortcodes .skill .shortcode-title {
	padding:0px 10px 20px;
}

.shortcodes .piechart {
	margin: 0px;
}
/* Carousel */
.shortcodes .carousel h4 {
	padding:20px 0px;
}
.shortcodes .carousel img {
	border:4px solid #CCC;
}
.shortcodes .carousel .carousel slide .carousel-control.right {
	background-image:none;
	background-repeat:repeat-x;
	left:auto;
	right:0;
}
.shortcodes .carousel .carousel slide .carousel-control.left {
	background-image:none;
	background-repeat:repeat-x;
}
.shortcodes .carousel .carousel-content {
	margin-top:-20px;
	text-align:left;
	padding:15px;
}
.shortcodes .carousel .carousel-content a {
	margin:20px 0px;
}
.shortcodes .carousel .carousel-indicators {
	bottom:20px;
}
.shortcodes .carousel-indicators li {
	background:none repeat scroll 0 0 #CCC;
	border:2px solid;
	border-radius:0px;
	height:15px;
	margin:0;
	width:15px;
}
.shortcodes .carousel-indicators li.active {
	border-color:#CCCCCC;
}
.shortcodes .carousel .carousel-content p {
	text-align:justify;
	line-height:26px;
}
.shortcodes .carousel .carousel-content a {
	padding:8px;
	color:#FFF;
	text-transform:uppercase;
}
.shortcodes .carousel .carousel-content h4 {
	padding: 5px 0px 0px 0px;
}
/* Alert */
.shortcodes .alert {
	padding-top:20px;
	margin-top:15px;
}
.shortcodes .alert .alert-top {
	padding: 20px auto 10px;
}
.shortcodes h3 {
    font-size: 20px;
    margin-bottom: 30px;
}
/* Dark */
.dark-bg {
	background-color:#5a6f84;
}
.dark {
	color:#171717;
}
.dark h2 {
	color:#ffffff !important;
}
.dark .desc {
	color:#171717;
}
.dark i {
	color:#171717;
}
.white {
	color:#FFFFFF;
}
.text-black {
	color:#171717;
}
.active-bg{
	background-image:none;
}
@keyframes point-down {
	from {
		top:0;
	}
	to {
		top:5px;
	}
}
@-webkit-keyframes point-down {
	from {
		top:0;
	}
	to {
		top:5px;
	}
}
@-moz-keyframes point-down {
	from {
		top:0;
	}
	to {
		top:5px;
	}
}
@-o-keyframes point-down {
	from {
		top:0;
	}
	to {
		top:5px;
	}
}
@keyframes highlight {
	to {
		background: lightblue;
	}
}

/* Effects */

.copyright .copyright-social-icon i:hover,
.copyright .copyright-social-icon i,
.team .social-icon i,
.team .social-icon i:hover,
.contact .btn:hover,
.contact .btn,
.blog .btn,.pricing-more:hover,
.pricing-more,.features-more:hover,
.features-more,
.blog-single .btn,
.blog-single .btn:hover,
.social-media i:hover,
.social-media i,
.app-icons i:hover,
.app-icons i,
.pricing-box:hover,
.pricing-box,
.team-box-inner .about-member,
.team-box-inner:hover .about-member,
.team-box-inner:hover img,.team-box-inner img,
.welcome-section li:hover i,.welcome-section li i,
header .is-sticky .navbar,header .navbar,
.timeline li:hover h4 ,
.timeline li h4,
.about-list li h5,
.about-list li:hover h5,
.features-new-item:hover,
.features-new-item:hover .features-icon i,
.features-new-item .features-icon i,
.timeline>li .timeline-image,
.timeline>li:hover .timeline-image,
#services  li i,
#services  li:hover i{
	transition:all 350ms ease-in-out 0s;
	-moz-transition:all 350ms ease-in-out 0s;
	-webkit-transition:all 350ms ease-in-out 0s;
	-o-transition:all 350ms ease-in-out 0s;
	-ms-transition:all 350ms ease-in-out 0s;
}
.pricing-box:hover,.screen-img:hover,.welcome-section li:hover i {
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform: scale(1.1);
}

/* Extras */
.no-padding {
	padding:0 !important;
}
.no-margin{
	margin:0 !important;
}
.space{
	margin:40px 0px 50px;
}