/* ================================= CSS Structure =================================
1. GLOBAL STYLES
	- Misc Styles
	- Canvas Styles
	- Page Loader Styles
	- Overlay Styles

2. HEADER SECTION	
	- Sticky Container
	- Logo Styles
	- Navigation
	
3. SLIDER SECTION
	- Background Video Slider	
	- Text Slider
	
4. FEATURES SECTION
5. PRODUCTS SECTION
6. PRICING TABLE SECTION
7. PORTFOLIO SECTION
8. OUR ACHIEVEMENT SECTION
9. VIDEO SECTION
10. ABOUT SECTION
11. INFOGRAPH SECTION
12. TEAM SECTION
13. BLOG SECTION
14. SKILL SECTION
15. CLIENT SECTION
16. CONTACT US SECTION
17. FOOTER SECTION
18. COPYRIGHT SECTION
19. PAGES
	- Blog
		- Blog Right Part Sidebar
		- Blog Single Page
		- Blog Single Contact Form
	- FAQ
	- Shortcodes
=========================================================================== */

/* =========================== GLOBAL STYLES ============================== */



body {
	color:#313336;
	font-size:14px;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased !important;
	background: #BDC3C7;
	z-index:999;
}
::selection {
	background: #1F2E3C;
	color: #ffffff;
	-webkit-text-stroke-color: #ffffff;
	}
a, a:hover, a:focus, .btn:focus{
    text-decoration: none;
	outline: none;
}
img {
	max-width:100%;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.container {
    max-width: 1260px;
	padding-left:15px;
	padding-right:15px;
	width:100%;
}
.container1 {
    max-width: 100%;
	padding-left:15px;
	padding-right:15px;
	
}
.no-padding {
	padding: 0;
}
.uppercase {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize;
}
.bold{
	font-weight:700;
}
.normal{
	font-weight:normal;
}
.black{
	color:#000000;
}
.italic{
	font-style:italic;
}
.animated{
	visibility:hidden;
}
.visible{
	visibility:visible;
}
.page-title h1{
	font-size: 49px; /*line-height is 54px = 3x18px*/
	margin-bottom: 9px; /*9px of underline + 9px = 18px*/
	margin-top: 18px; 
	}
.page-title{
	margin-top:54px;
	}
	
.green.underline{
	background-color:  #313336;
	color:#313336;
	}
.underline{
	display: block;
	height: 4px;
	margin: 0 auto 5px auto; 
	position: relative;
	width: 81px;
	}
	span{
	line-height:18px;
	}
#preloader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#ffffff; 
	z-index:2000; 
	}
#status {
	width:365px;
	height:241px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../images/status1.png); /* path to your loading animation */
	background-repeat:no-repeat;

	margin:-100px 0 0 -100px; /* is width and height divided by two */
	}
/* ------------- Misc Styles ------------- */
#infograph, #blog, #clients{
	background: #f2f6fa;
}

#blog, #clients{
	background: #dcdccf;
}

#features{
	background: #fffff0;
	}
.embed-container { 
	position: relative;
	padding-bottom: 56.25%; 
	overflow: hidden; 
	max-width: 100%; 
	height: 200px; 
} 
/* ------------- Canvas Styles ------------- */
canvas {
	padding: 0;
	margin: 0;
}
.canvas-color {
    text-align: center;
}
/* ------------- Purchase Now ------------- */
.purchase-button{
	background-color:#d3d3d3;
	padding:5px 0px;
}
.purchase-button .slide-btn{
	background-color: #f4a62a;
    font-weight: 400;
    margin: 0 20px;
    padding: 15px 0;
    width: 300px;
    max-width: 100%;
    display: block;
}
.purchase-button h2{
	margin:10px 0px;
	font-weight:400;
	text-align:right;
}
.purchase-button .slide-btn i{
	margin-right:15px;
	font-size:25px;
}
/* ------------- Page Loader Styles ------------- */
#pageloader {
    background-color: #FFFFFF;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
} 

h1{
	font-size:49px; 
	margin-top:18px; 
	margin-bottom:18px;
	line-height:54px; 
	}
	
.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: 200px;
    left: 50%;
    margin: -20px 0 0 -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 200px;
}
.loader-item h2 {
    color: #CCCCCC;
    font-size: 20px;
    margin: 0 auto;
}
.colored-border {
    border-color: #ffffff;
}
/* ------------- Overlay Styles ------------- */
.overlay {
	display: block;
	position: absolute;
	z-index: 20;
	background: rgba(0, 0, 0, 0.75);
	overflow: hidden;
	-webkit-transition: all 5.3s;
	-moz-transition: all 5.3s;
	-o-transition: all 5.3s;
	transition: all 5.3s;
}
a.close-overlay {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	width: 45px;
	height: 45px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	line-height: 45px;
	text-align: center;
	cursor: pointer;
}
a.close-overlay.hidden {
  	display: none;
}
a.expand {
	display: block;
	position: absolute;
	z-index: 100;
	width: 60px;
	height: 60px;
	border: solid 2px #fff;
	text-align: center;
	color: #fff;
	line-height: 55px;
	font-weight: 700;
	font-size: 25px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}
/* Products Hover Effect */
.effect2 .overlay {
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 0;
}
.effect2 .overlay a.expand {
	left: 0;
	right: 0;
	top: 50%;
	margin: -30px auto 0 auto;
}
.effect2 .img.hover .overlay {
	height: 100%;
}
/* Portfolio Hover Effect */
.effect5 .overlay {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
}
.effect5 .overlay a.expand {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-transition: all 5.3s;
	-moz-transition: all 5.3s;
	-o-transition: all 5.3s;
	transition: all 5.3s;
}
.effect5 .img.hover .overlay {
  	opacity: 1;
}
.effect5 .img.hover .overlay a.expand {
	width: 60px;
	height: 60px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}
/* Blog Hover Effect */
.effect6 .overlay {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
}
.effect6 .overlay a.expand {
	left: 0;
	right: 0;
	top: 0;
	margin: 0 auto;
	opacity: 0;
	-webkit-transition: all 5.3s;
	-moz-transition: all 5.3s;
	-o-transition: all 5.3s;
	transition: all 5.3s;
}
.effect6 .img.hover .overlay {
  	opacity: 1;
}
.effect6 .img.hover .overlay a.expand {
	top: 50%;
	margin-top: -30px;
	opacity: 1;
}
/* =========================== HEADER SECTION ============================== */
.header{
	padding-bottom:25px;
}
.title{
	font-size: 48px;
	font-family: 'Armata', sans-serif;
	font-weight: normal;
	color: #495258;
	text-transform: capitalize;
}
.desc{
	font-size: 18px;
	font-weight: 400;
	padding:10px 0px;
	color: #909ba3;
	line-height: 1.8;
}
/* Header Other Page*/
#header-top .header-section{
	height:85px;
}
/* ------------- Sticky Container ------------- */
.sticky-wrapper.is-sticky .top-container {
	position: relative;
	padding: 10px 13px 10px;
}
.sticky-navigation {
	width: 100%;
	z-index: 1001;
}
#top-section .collapse.in {
	z-index:9999;
}
#sticky-section .dropdown i {
	font-size: 18px;
    margin:0 0px 0 5px;
    vertical-align: middle;
}
/* ------------- Logo Styles ------------- */
.top-container {
    left: 0;    
    right: 0;
    top: 0;
	padding-top: 30px;
	z-index: 99;
}
.site-logo a {
	font-family: 'Roboto';
	font-size: 36px;
	font-style: normal;
	font-weight: 300;
	color: #000000;
	text-transform: uppercase;
	margin-left:51%;
}
.logo-letter {
	font-weight: 700;
}
/* ------------- Navigation ------------- */
.top-navbar {
	margin: 0;
	border: none;
}
.top-navbar ul.nav a {
	font-family: 'Roboto';
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	color: #000000;
}
.top-navbar ul.nav a:hover, .top-navbar ul.nav a:focus {
	background:none !important;
	color: #2a3643;
}
.navbar-toggle{
	background-color:#2c3e50;
	margin-right:0px;
}
.navbar-toggle .icon-bar{
	background-color:#FFFFFF;
}
.navbar-nav{
	margin:0;
}
.top-navbar ul.nav li:last-child a {
    padding-right: 0;
}
#topnav .nav li a:hover,
#topnav .nav li a:focus,
#topnav .nav li.active a{
	color:#000;
}
.top-navbar .dropdown a{
	background:none !important;
}
/* Dropdown */
.dropdown{
	position:relative;
}
ul li span.menu-toggler {
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: -8px;
    text-align: center;
    top: 9px;
    width: 30px;
    z-index: 1;
}
/* =========================== SLIDER SECTION ============================== */
/* ------------- Background Video Slider ------------- */
.home-slider{
	overflow-y:visible !important;
}
.home-slider .scrollable {
	*zoom: 1;
	position: relative;
	top: 0;
	left: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	height: 100%;
}
.home-slider .scrollable:after {
	content: "";
	display: table;
	clear: both;
}
.slides-navigation {
	margin: 0 auto;
	position: absolute;
	z-index: 11;
	top: 46%;
	width: 100%;
}
.slides-navigation a {
	position: absolute;
	display: block;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 36px;
}
.slides-navigation a.prev {
  	left: 5px;
}
.slides-navigation a.next {
  	right: 5px;
}
#fixed_video1{
	height: 628px;
	
	background-color:#FFFFFF;
}



#player,.fallback,body,html,iframe{width:100%;height:100%;margin:0;padding:0;}
.player.loading{opacity:0}
/* ------------- Text Slider ------------- */
.text-slider-section {
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	height: auto;
	text-align: center;
	z-index: 2;
}
.text-slider li {
	font-family: 'Armata', sans-serif;
	font-size: 38px;
	color: #000000;
	font-weight: 400;
}
.slide-fixed-text {
	font-family: 'Roboto';
	font-size: 18px;
	color: #323232;
}
.text-slider-section .slide-btn{
	font-weight:normal;
}
.slide-btn {
	margin-top: 30px;
	font-family: 'Roboto';
	font-size: 18px;
	color: #FFFFFF;
	padding: 12px 34px;
	font-weight:normal;
	background: #2c3e50;
	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;	
}
.slide-btn a {
	color: #FFFFFF;
}
.slide-btn i{
	padding-left: 6px;
}
.slide-btn:hover{
	background: #FFFFFF;
}
.slide-btn:hover a, .slide-btn a:hover{
	color: #2c3e50;
}
/* =========================== FEATURES SECTION ============================== */
.container.features-inner {
    padding: 60px 80px;
}
.features-section .feature-box {
	text-align: center;	
	margin: 6% 0 11%;
	padding: 0 5%;
}
.features-border {
	border-color: #d9dde1;
	width: 70%;	
	text-align: center;
}
.feature-box.middle-border {
	border-right: 1px solid #d9dde1;
	border-left: 1px solid #d9dde1;
}
.feature-box .title-inner {
	font-size: 24px;
	font-weight: 400;
	color: #495258;
	text-transform: capitalize;
}
.feature-box .desc-inner {
	font-size: 15px;
	font-weight: 400;
	color: #909ba3;
	line-height:26px;
}
.feature-box .read-more a {
	color: #2c3e50;
	font-size: 15px;
	font-weight: 400;	
}
.feature-box .read-more i {
 	padding-left: 5px;
}
/* =========================== PRODUCTS SECTION ============================== */
.products-section {
	background: #c1c1c1;
}
.container.products-inner {
    padding-top: 60px;
	padding-bottom: 70px;	
}
.products-section .title{
	color: #000000 !important;
}
.product-box {
	background: #FFFFFF;
	margin:20px 0px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}
.product-box-inner {
	padding: 10px;
}
.product-more {
	background-color:#e8edf2;
	padding:15px;
	text-align: center;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}
.products-section h4{
	font-size:20px;
}
.products-section h4{
	padding:5px 10px 0;
}
.product-desc{
	padding:0px 10px 5px;
	line-height:25px;
}
.product-desc{
	font-size:15px;
}
.product-more a{
	color:#495258;
	font-size: 15px;
	font-weight:normal;
	display: block; 
}
.product-more:hover a{
	color:#FFFFFF;
}
.product-more i, .pricing-more i{
	margin-left:5px;
}
.products-section .desc {
	color:#71869c;
}
.product-box-inner p{
	color:#717b82;
	line-height:26px;
}
.effects .img {
	position: relative;
	margin-bottom: 5px;
	overflow: hidden;
}
/* =========================== PRICING TABLE SECTION ============================== */
.price-table{
	background-color:#FFFFFF;
	border-bottom:2px solid #dce0e3;
}
.container.pricing-inner {
    padding-top: 60px;
	padding-bottom: 90px;	
}
.price-table .desc{	
	color:#99a3aa;
}
.price-table h3{
	font-size:26px;
	padding:20px;
	font-weight:500;
	margin-bottom:0px;
	border:1px solid #2c3e50;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	background-color:#2c3e50;
}
.pricing-box{	
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}
.pricing-box ul{
	border-left:1px solid #e4e9ee;
	border-right:1px solid #e4e9ee;
	padding-left:0px;
	margin-bottom:0px;
}
.pricing-box li{
	list-style-type:none;
	padding:15px;
	color:#7a838a;
}
.pricing-box .list-bg{
	background-color:#f2f6fa;
}
.pricing-box .price{
	border-left:1px solid #e4e9ee;
	border-right:1px solid #e4e9ee;
	padding:16px 0px;
	font-size:36px;
}
.pricing-box .price h6{
	display:inline-block;
	font-size:36px;
}
.pricing-box .price span{
	font-size:13px;
	font-weight:normal;
}
.pricing-more{
	padding:5px;
	text-align: center;
	border:1px solid;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.pricing-more:hover{
	background-color:#596067 !important;
	border:1px solid #596067;	
}
.pricing-more a{
	padding:10px 5px;
	color:#FFFFFF;
	display:block;
}
/* =========================== PORTFOLIO SECTION ============================== */
#portfolio{
	background:#f2f6fa;
	padding-bottom: 80px;
	border-bottom:2px solid #dce0e3;
}
.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;
}
.work-image img {
	width: 100%;
	height: 100%;
}
.portfolio-items .mix {
	display: none;
}
/* =========================== SEO FEATURES SECTION ============================== */
.seo-features{
	background:#2c3e50;
}
.seo-features-inner {
    padding-top: 60px;
	padding-bottom:80px;	
}
.seo-features h3{
	font-size:24px;
	color:#FFFFFF;
	font-weight:400;
}
.seo-features p{
	color:#a4b4c3;
	line-height:25px;
	padding-right:50px;
	font-size:15px;
}
.seo-features .feature-content{
	padding-top:50px;
}
.seo-features .feature-content a{
	font-size:15px;
}
.seo-features .feature-content i{
	margin-left:5px;
	vertical-align:text-bottom;
}
/* =========================== OUR ACHIEVEMENT SECTION ============================== */
#counting{
	background:#FFFFFF;
}
.container.counting-inner {
    padding-top: 60px;
	padding-bottom:70px;	
}
.counting h3{
	margin: 0 auto;
	color:#909ba3;
	padding: 5px 0px;
}
.count-border-left{
	border-left:1px solid #d9dde1;
	margin:5px 0px;
}
.counting-box{
	padding:35px 0px;
}
.counting-box i{
	font-size:50px !important;
	color:#596067;
	line-height:102px;
}
.fact-number {
	margin: 0 0 15px;
	padding: 0 0 15px;
}
.fact-number .factor {
	display: inline-block;
	line-height: 45px;
	padding:10px 0px;
	font-size: 60px;
	width: 280px;
	font-weight: 500;
}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('images/logo.png') 50% 50% no-repeat rgb(249,249,249);
}

/* =========================== VIDEO SECTION ============================== */
.video-bg{
	background:url(../images/video-bg.png) center;
}
.video-bg-inner {
    padding-top:60px;
	padding-bottom: 60px;	
	position: relative;
    height: 550px;
}
#fixed_video{
	height: 550px;
}
.video-bg .desc{
	padding:10px 15px;
}
.video-bg .header{
	padding:10% 0;
}
.video-bg h2{
	font-family: 'Armata', sans-serif;
	font-size: 48px;
	color: #FFFFFF;
	font-weight: 400;
}
/* =========================== ABOUT SECTION ============================== */
.about-us{
	background:#FFFFFF;
	border-bottom:2px solid #dce0e3;
}	
.container.about-us-inner {
    padding-top: 60px;
}
.about-us .header{
	padding-bottom:35px;
}
.about-us h3{
	font-size:28px;
}
.about-us img{
	margin-top:-25px;
}
.about-us ul{
	list-style-type:none;
	padding-left:0px;
}	
.about-us .about-right{
	padding:0 30px;
}	
.about-right .fa-comment-o{
	font-weight:400;
	transform:rotateY(185deg);
	-ms-transform:rotateY(185deg);
	-webkit-transform:rotateY(185deg);
}
.about-us ul li{
	padding:15px 5px 0px;
}	
.about-us i{
	float:left;
	color:#596067;
	font-size:35px !important;
	font-weight:600;
	line-height:25px;
	margin:10px 20px 5px 5px;
}
.about-us .flaticon-users2{
	font-size:45px !important;
	margin:10px 10px 5px 5px;
}
.about-us .flaticon-share26{
	margin:10px 20px 5px 9px;
}
.about-us .about-right p, #infograph .left-part p{
	color:#737a7f;
	font-size:15px;
	line-height:26px;
}
/* =========================== ABOUT US BOTTOM ============================== */
.about-us-bottom{
	background:#FFFFFF;
}	
.container.about-us-bottom-inner {
    padding-top: 60px;
	padding-bottom:40px;
} 
.about-us-bottom h3{
	font-weight:400;
}
.about-us-bottom .flaticon-users2{
	font-size:48px !important;
	line-height:58px;
	margin:0px;
}
.about-us-bottom .flaticon-share26{
 	font-size:44px;
	line-height:54px;
	margin:0px;
}
.about-us-bottom .flaticon-palette1{
	font-size:55px !important;
	line-height:65px;
	margin:0px;
}
.about-us-bottom .about-box{
	margin-bottom:40px;
	padding:0px 30px;
}
/* =========================== INFOGRAPH SECTION ============================== */
.container.infograph-inner {
    padding-top: 60px;
	padding-bottom: 90px;	
}
.infograph-section .header{
	padding-bottom:35px;
}
.infograph-section h3{
	color:#495258;
	font-size:28px;
}
.infograph-section h4{
	font-size:20px;
}
.infograph-section .left-part{
	padding:20px 30px;
}
.infograph-section ul{
	list-style-type:none;
	padding:15px 0px;
}
#infograph .left-part ul li p{
	line-height:18px;
	font-weight:500;
}
.infograph-section ul li{
	padding:0px;
	color:#717b82;
}
.infograph-section ul li i{
	padding-right:10px;
}
.infograph-section .slide-btn{
	margin-top:20px;
	width:200px;
	height:50px;
	padding:10px 0px;
	font-weight:normal;
}
.infograph-section .btn:hover{
	background-color:#596067 !important;
}
.infograph-section .btn:hover{
	color:#FFFFFF;
}
/* =========================== TEAM SECTION ============================== */
.team{
	background: #2c3e50;
}
.team .container.team-inner {
    padding-top: 60px;
	padding-bottom: 70px;	
}
.team .title{
	color: #FFFFFF !important;
}
.team .team-box {
	background: #FFFFFF;
	margin:20px 0px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}
.team .team-box-inner {
	padding: 10px;
}
.team .team-box-inner h3{
	margin-top:15px;
}
.team .team-box-inner p {
	color:#6f7b82;
	font-size:15px;
	line-height:26px;
	padding:5px 5px 0px;
}
.team .role1, .team .role2, .team .role3, .team .role4 {
    border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-o-border-radius: 30px;
	-ms-border-radius: 30px;
    padding: 5px;
	font-size:13px;
    width: 170px;
    display: block;
    margin: 15px auto 10px;
}
.team .role1{
	background-color: #fcbbbb;
}
.team .role2{
	background-color: #93d1fa;
}
.team .role3{
	background-color: #f7d49c;
}
.team .role4 {
	background-color: #8beeb5;
}
.team .social-icon{
	text-align:center;
	padding:13px 0px;
	border-top:1px solid #8aa0b7;
}
.team .social-icon i{
	font-size:15px;
	line-height:30px;
	margin:0 7px;
	border-radius:50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px;
	background-color:#8aa0b7;
	color:#FFFFFF;
	width:30px;
	height:30px;
}
/* =========================== BLOG SECTION ============================== */
.blog .blog-box{
	background:#FFFFFF;	
	margin-bottom:20px;
}
.blog .blog-inner{
	padding-top:50px ;
	padding-bottom:80px;
}
.blog .blog-box img{
	padding:10px;
	float:left;
}
.blog .title-top{
	margin:0px;
}
.blog .effects .img{
	margin-bottom:0px;
}
.blog-content{
	padding:8px 20px 18px 48%;
	min-height:344px;
}
.blog-content p{
	line-height:26px;
	color:#717b82;
}
.blog .btn{
	padding:7px 15px 8px;
	font-weight:normal;
	margin-top:10px;
	font-size:15px;
}
.blog .slide-btn{
	background-color:#596067;
}
.blog .btn i{
	vertical-align:text-bottom !important;
}
.blog .btn:hover{
	color:#FFFFFF !important;
}
.blog .load-post .btn{
	background-color:#e6ebef;
	padding:15px 0px;
	width:100%;
	color:#596067;
}	
.blog .load-post .btn:hover{
	color:#FFFFFF;
}
.blog .effects .img {
	position: relative;
	float:left;
	overflow: hidden;
}
/* Load More */
.load-more{
 	display: none;
}
.load-more.active{
 	display: block;
}
/* =========================== SKILL SECTION ============================== */
.skill{
	background:url(../images/expertise-bg.png) center;
}
.skill .skill-inner{
	padding-top:50px;
	padding-bottom:70px;
}
.skill h3{
	color:#a8b1ba;
}
.piechart {
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 35px 0px;
    width: 100%;
}
.piechart canvas {
    position: absolute;
    top: 0;
    left: 46%;
    margin-left: -97px;
    color: #E26853;
}
.piechart span {
    border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
    color: #FFFFFF;
    display: block;
    font-size: 60px;
	font-weight:500;
    height: 162px;
    left: 50%;
    line-height: 200px;
    margin-bottom: 25px;
    margin-left: -75px;
    position: relative;
    top: 5px;
    width: 162px;
    z-index: 2;
}
.piechart span:after {
    content: '%';
    font-size: 60px;
}
/* =========================== CLIENT SECTION ============================== */
.container.client-inner {
    padding-top: 60px;
	padding-bottom: 60px;	
}
.client1, .client2{
	padding:15px 0px;
	color:#717b82;
}
.client1 span, .client2 span{
	font-size:15px;
	color:#717b82;
	font-style:normal;
	font-weight:normal;
}
.client-inner h5{
	font-size:16px;
	color:#495258;
	font-weight:700;
}
.client-inner h3{
	font-weight:600;
}
.client-inner p{
	font-size:15px;
	line-height:26px;
}
.clients .client-logo .divider{
	float:left;
	margin:-23px 25px 0 20px;
}
.clients .client-logo .logo-top, .clients .client-logo .logo-bottom{
	padding:5px 30px;
}
.clients .client-logo .logo-top img, .clients .client-logo .logo-bottom img{
	margin:15px 35px;
}
.clients .client-logo .logo-top img,  .clients .client-logo .logo-bottom 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;
}
.clients .client-logo .logo-top img:hover, .clients .client-logo .logo-bottom 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 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 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:12px 0px 5px;
}
.twitter-feed i{
	margin:-35px 0;
	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{
	/*padding:20px 0px 10px;*/
	color:#FFFFFF;
	font-family:'Armata',sans-serif;
	font-size:12px;
	font-weight:lighter;
	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:#FFFFFF;
}
/* =========================== CONTACT US SECTION ============================== */
.contact{
	background:url(../images/contact.png);
}
#contact .title{
	color:#FFFFFF !important;
}
#contact .desc{
	color:#8aa0b7;
}
.container.contact-inner {
    padding-top: 60px;
	padding-bottom: 80px;	
}
.contact .header{
	padding-bottom:15px;
}
.contact .form-control{
	background:#263545;
	opacity:0.60;
	color:#8e9dac;
	border:1px solid #2c3e50;
	height:60px;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}
.contact .form-message{
	color:#FFFFFF;
	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:10px 0px;
}
#contact .form-control::-moz-placeholder{
	color:#b4c3d2 !important;
	opacity:0.98 !important;
}
#contact .form-control:focus{
	color:#b4c3d2 !important;
	opacity:1 !important;
}
#contact .form-control::-webkit-input-placeholder{ 
	color:#b4c3d2 !important;
	opacity:1;
}
.contact .btn{
	width:100%;
	height:60px;
	padding:16px 0px;
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	border:0px;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;	
}
.contact .btn i{
	margin:0 5px;
}
.contact .btn:hover{
	background-color:#FFFFFF !important;
}
.contact .btn:hover a, .contact .btn:focus a, .contact .btn a {	
	color:#FFFFFF;
}
/* =========================== FOOTER SECTION ============================== */
.footer{
	background-color:#233342;
}
.container.footer-inner {
    padding-top: 55px;
	padding-bottom: 43px;	
}
.footer .footer-about{
	padding-right:25px;
}
.footer .footer-categories-top{
	padding-left:30px;
}
.footer .footer-categories-top ul{
	padding-left:0px;
}
.footer h3{
	color:#b4c3d2;
	font-size:22px;
	padding-bottom:13px;
	font-weight:400;
}
.footer p{	
	color:#7c90a2;
	font-size:15px;
	line-height:26px;
}
.footer-categories li{
	list-style-type:none;
}
.footer-categories li a{
	color:#7c90a2;
	line-height:26px;
}
.footer .footer-post{
	padding:0px 50px;
}
.footer-post .client1, .footer-post .client2{
	padding:0px 0px 15px;
	color:#717b82;
}
.footer-post .client1 p, .footer-post .client2 p{
	font-size:15px;
	margin-bottom:5px;
	color:#b4c3d2;
}
.footer-post .client1 img, .footer-post .client2 img{
	float:left;
	margin:10px 10px 15px 0;
}
.footer-post .client1 .client1-para{
	padding-right:33px;
}
.footer-post h5{
	font-size:15px;
	margin:5px 0px;
	color:#687a8c;
	font-weight:500;
}
.footer .form-horizontal{
	padding:6px 0 23px;
}
.footer .form-group {
    border-collapse: separate !important;
    position: relative !important;
}
.footer .form-horizontal .form-group{
	margin:0px;
}
.footer .form-control{
	height:40px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	display: inline-block !important;
	max-width:240px !important;
}
.footer .form-horizontal .has-feedback .form-control-feedback{
	display:none !important;
}
.footer .has-feedback .form-control{
	padding-right:13.5px !important;
}
.footer .has-feedback .form-control:focus{
	border-color:#FF0000 !important;;
}
.footer .form-control::-moz-placeholder{
	color:#8b949b !important;
}
.footer .btn-default{
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	border:0px;
    height: 40px;
    margin: -3px 0px 0 -3px;
}
.footer .btn-default i{
	font-size:20px;
	padding:4px 0px;
	color:#FFFFFF;
}	
.footer-social-icon .text{
	color:#7c90a2;
}
.footer-social-icon i{
	font-size:15px;
	line-height:30px;
	margin:0 3px;
	border-radius:50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px;
	background-color:#FFFFFF;
	color:#22303e;
	width:30px;
	text-align:center;
	height:30px;
}
.footer-social-icon i:hover, .team .social-icon i:hover{
	color:#FFFFFF;
}
/* =========================== COPYRIGHT SECTION ============================== */
.copyright{
	background-color:#002b53;
	padding:13px 0px;
	color:#FFFFFF;
}
.copyright1{
	background-color:#c1c1c1;
	padding:13px 0px;
	color:#FFFFFF;
}
.copyright h4{
	font-size:15px;
	font-weight:normal;
	color:#FFFFFF;
}
.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, .product-more:hover, .product-more, .blog-single .btn, .blog-single .btn:hover{
	transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
}
/* =========================== 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:24px;
	border-left:1px solid #CCCCCC;
}
.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 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: table-cell;
    padding: 0 9px 9px;
	vertical-align:middle;
}
.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:40px;
	height:40px;
	color:#FFFFFF;
}
.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 0px 0px;
	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;
}
/* 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:#333333;
	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:#333333 !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:5px solid;
	margin:50px 0px;
	padding:30px 20px;
	font-size:13px;
}
blockquote img{
	float:left;
	margin:-20px 20px 0 0;
}	
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;
}
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:#2c3e50;
	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{
    background-color: #0099da;
    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 {
    background-color: #0099da;
    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 {
    background-color: #0099da;
    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;
}
/* ------------- 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-color: #CCC #CCC rgba(0, 0, 0, 0);
	border-image: none;
	border-style: solid;
	border-width: 1px;
	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;
}
.shortcodes .nav-tabs > li.active > a{
	border-top:2px solid;
}
.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: #333333;
}
.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%;
}
.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%;
}
.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 .skill h3{
	color:#000;
	font-weight:500;
}
.shortcodes .skills-inner h3{
	padding:20px 0px;
}
.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: -4px;
}
.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;
}
.myButton {
	-moz-box-shadow: 3px 4px 0px 0px #899599;
	-webkit-box-shadow: 3px 4px 0px 0px #899599;
	box-shadow: 3px 4px 0px 0px #899599;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #bab1ba));
	background:-moz-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-o-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#bab1ba',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:1px solid #d6bcd6;
	display:inline-block;
	cursor:pointer;
	color:#3a8a9e;
	font-family:Arial;
	font-size:17px;
	padding:7px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e1e2ed;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bab1ba), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-o-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bab1ba', endColorstr='#ededed',GradientType=0);
	background-color:#bab1ba;
}
.myButton:active {
	position:relative;
	top:1px;
}