/*

Table of Contents

1.0 - General
2.0 - Blockquote
3.0 - Highlight
4.0 - Dropcap
5.0 - Heading
6.0 - Buttons (shortcodes)
7.0 - More Link + Filter Link
8.0 - Icon Box
	8.0.1 - Iconbox Style 1
	8.0.2 - Iconbox Style 2
	8.0.3 - Iconbox Style 3
9.0 - Services List + Portfolio
	9.0.1 - Service Style1
	9.0.2 - Service Style 2 and 3
10.0 - Socials
11.0 - Counter
	11.0.1 - Counter Default
	11.0.2 - Counter Icon
12.0 - Countdown
13.0 - Promobox
14.0 - Blog
	14.0.1 - Sticky Post
	14.0.2 - Shortcodes Post
	14.0.3 - Single Post
	14.0.4 - Post Link
15.0 - Teams
	15.0.1 - Team Style 1
	15.0.2 - Team Style 2
	15.0.3 - Team Single Page
16.0 - Testimonial
	16.0.1 - Testimonial Default
	16.0.2 - Testimonial Slider
17.0 - Clients
	17.0.1 - Clients Slider
18.0 - Pricing Tables
19.0 - Contact
20.0 - Custom All
	
*/
/*=========================================================================
  General 
//=======================================================================*/
/*overlay*/
.zoom-overlay{
	position:absolute;
	content:'';
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.6);
	opacity:0;
	-webkit-transition:opacity 0.45s ease 0s;
	   -moz-transition:opacity 0.45s ease 0s;
			transition:opacity 0.45s ease 0s;
}
.zoom-overlay::before,
.zoom-overlay::after{
	position:absolute;
	content:'';
	left:50%;
	top:50%;
	opacity:.7;
	background-color:#fff;
	-webkit-transform:translate(0, 0);
			transform:translate(0, 0);
	-webkit-transition:transform 0.45s ease 0s;
	   -moz-transition:transform 0.45s ease 0s;
			transition:transform 0.45s ease 0s;
}
.zoom-overlay:hover::before,
.zoom-overlay:hover::after{
	-webkit-transform:translate(-50%, -50%);
			transform:translate(-50%, -50%);
}
.zoom-overlay::before{
	width:51px;
	height:1px;
}
.zoom-overlay::after{
	width:1px;
	height:51px;
}
.zoom-overlay:hover,
.team-container:hover .zoom-overlay,
.portfolio-container.style-1:hover .zoom-overlay{
	opacity:1;
}
.team-container .zoom-overlay::before,
.team-container .zoom-overlay::after,
.portfolio-container .zoom-overlay::before,
.portfolio-container .zoom-overlay::after{
	display:none;
	opacity:0;
}


/*=========================================================================
  Blockquote 
//=======================================================================*/
blockquote,
blockquote.pull-left,
blockquote.pull-right{
	border:none;
	background-color:#f6f6f6;
	padding:50px;
	font-size:18px;
	line-height:1.6;
	font-weight:600;
	position:relative;
}
blockquote{
	max-width:700px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}
blockquote::before{
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	content:'\201C';
	font-size:6em;
	line-height:1;
	left:50px;
	top:-40px;
	font-weight:800;
	color:#304fe9;
	-webkit-transform:translateX(-50%);
			transform:translateX(-50%);
}
blockquote.pull-left,
blockquote.pull-right{
	width:50%;
	max-width:400px;
}
blockquote cite{
	font-style:normal;
	font-weight:normal;
	font-size:13px;
}
blockquote cite::before{
	position:relative;
	display:inline-block;
	content:'';
	margin-right:5px;
	width:25px;
	height:1px;
	top:-3px;
	background-color:#222;
}
blockquote.pull-left{
	margin-right:30px;
}
blockquote.pull-right{
	margin-left:30px;
}

/*=========================================================================
  Highlight
//=======================================================================*/
.st-highlight {
	font-weight:600;
	border-bottom:1px solid;
}

/*=========================================================================
  Dropcap
//=======================================================================*/
.st-dropcap,
.st-dropcap2{
	float:left;
	display:block;
	margin:5px 10px 0 0;
	width:40px;
	line-height:40px;
	font-size:2em;
	text-align:center;
	font-weight:600;
	text-transform:uppercase;
}
.st-dropcap{
	font-size:48px;
	width:auto;
}
.st-dropcap2{
	color:#fff;
}

/*=========================================================================
  Heading
//=======================================================================*/
.st-heading .box-title{
	margin:0;
	position:relative;
}
.st-heading .box-title::after{
	display:block;
	content:'';
	position:relative;
	width:40px;
	height:3px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#304fe9;
}
.st-heading .box-content{
	font-size:16px;
	font-weight:300;
	line-height:1.6;
}
.st-heading.text-center .box-title::after{
	left:50%;
	margin-left:-20px;
}
.st-heading.text-right .box-title::after{
	left:100%;
	margin-left:-40px;
}

/*sub-heading*/
.st-subheading,
.upsells > h2,
.related > h2,
.cart-collaterals h2,
.shipping_calculator > h2,
h3.comment-reply-title,
.address .title h3,
.woocommerce-tabs .panel h2, 
.related products h2, 
#order_review_heading, 
.woocommerce-billing-fields > h3, 
#ship-to-different-address label{
	font-size:17px;
}

/*=========================================================================
  Buttons (shortcodes)
//=======================================================================*/
.st-button,
.header-button{
	color:#333;
	height:auto;
	font-weight:700;
	text-align:center;
	font-size:13px;
	line-height:24px;
	letter-spacing:1px;
	display:inline-block;
	position:relative;
	vertical-align:top;
	position:relative;
	text-transform:uppercase;
	border:2px solid transparent;
	background-color:transparent;
	z-index:1;
	white-space:nowrap;
	overflow:hidden;
	-webkit-transition:color 0.3s ease 0s, background-color 0s 0s;
			transition:color 0.3s ease 0s, background-color 0s 0s;
}
.st-button:hover,
.st-button:focus,
.header-button:hover,
.header-button:focus{
	color:#fff;
	background-color:#304fe9;
	-webkit-transition:color 0.3s ease 0s, background-color 0s 0.6s;
			transition:color 0.3s ease 0s, background-color 0s 0.6s;
}
.st-button::before,
.header-button::before{
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:110%;
	height:100%;
	z-index:-1;
	-webkit-transform-origin:right;
			transform-origin:right;
	-webkit-transform:scale(0, 1);
			transform:scale(0, 1);
	-webkit-transition:transform 0.4s ease;
			transition:transform 0.4s ease;
	-webkit-transition-delay:0s;
			transition-delay:0s;
}
.st-button:hover:before,
.st-button:focus:before,
.header-button:hover::before,
.header-button:focus::before {
	-webkit-transform-origin:left;
			transform-origin:left;
	-webkit-transform:scale(1, 1);
			transform:scale(1, 1);
	-webkit-transition-delay:0.1s;
			transition-delay:0.1s;
}

.st-button.size-small{
	font-size:11px;
	padding:7px 15px;
}
.st-button.size-medium{
	font-size:13px;
	padding:13px 23px;
}
.st-button.size-large{
	padding:17px 33px;
}
.st-button i{
	margin-right:7px;
}

.st-button.style-1,
.header-button{
	background-color:#304fe9;
	color:#fff;
	border:none;
}
.st-button.style-1:hover{}
.st-button.style-1::before,
.header-button::before{
	background-color:#222;
}

.st-button.style-2{
	border-color:#304fe9;
	color:#304fe9;
	line-height:20px;
}
.st-button.style-2:hover{
	color:#222;
}
.st-button.style-2::before{
	background-color:#304fe9;
}

.st-button i{
	margin-right:7px;
}
.header-button{
	padding:9px 21px;
}

/*=========================================================================
  Link + Filter
//=======================================================================*/
/*shortcode Link*/

.load-more{
	text-align:center;
}
.load-more a{
	margin-top:30px;
}

/*Filter*/
.load-filter{
	margin-bottom:40px;
	font-size:13px;
}
.load-filter ul.list-unstyled::after{
	clear:both;
	content:'';
	display:block;
}
.load-filter li{
	position:relative;
	float:left;
}
.load-filter li + li{
	margin-left:5px;
}
.load-filter li a{
	position:relative;
	display:block;
	line-height:40px;
	padding:0 20px;
	font-weight:700;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:0.08em;
	-webkit-border-radius:20px;
			border-radius:20px;
	-webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
			box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
	-webkit-transition:box-shadow 0.35s ease 0s;
	   -moz-transition:box-shadow 0.35s ease 0s;
			transition:box-shadow 0.35s ease 0s;
}
.load-filter li a:hover{
	color:#304fe9;
	-webkit-box-shadow:0 10px 25px 0 rgba(0, 0, 0, 0.2);
			box-shadow:0 10px 25px 0 rgba(0, 0, 0, 0.2);
}
.load-filter li a::after{
	position:absolute;
	content:'';
	left:15px;
	right:15px;
	bottom:0;
	height:4px;
	background:transparent;
	-webkit-transition:background 0.35s ease 0s;
	   -moz-transition:background 0.35s ease 0s;
			transition:background 0.35s ease 0s;
}
.load-filter li.active a::after{
	background-color:#304fe9;
}
.load-filter li.active a:hover,
.load-filter li a:focus{
	background:none;
	-webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
			box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
}

/*=========================================================================
  Icon Box
//=======================================================================*/
.st-iconbox .box-title{
	margin:0 0 20px;
	position:relative;
}

.st-iconbox .box-link,
.blog-container .more-link,
.st-service .service-link{
	display:inline-block;
	margin-top:25px;
}
.st-iconbox .box-link a,
.st-pricingbox .box-link a,
.blog-container .more-link a,
.st-service .service-link a{
	font-size:11px;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:0.08em;
	line-height:39px;
	padding:0 25px;
	display:block;
	color:#2e3841;
	border:1px solid #e7e7e7;
	background:transparent;
	-webkit-border-radius:30px;
			border-radius:30px;
	-webkit-box-shadow:0 0 0 0 transparent;
			box-shadow:0 0 0 0 transparent;
	-webkit-transform:translateY(0);
			transform:translateY(0);
	-webkit-transition:all 0.35s ease 0s;
	   -moz-transition:all 0.35s ease 0s;
			transition:all 0.35s ease 0s;
}
.st-iconbox .box-link a:hover,
.st-pricingbox .box-link a:hover,
.blog-container .more-link a:hover,
.st-service .service-link a:hover{
	background-color:#fff;
	border-color:#fff;
	color:#304fe9;
	-webkit-box-shadow:0 15px 25px 5px rgba(0, 0, 0, 0.1);
			box-shadow:0 15px 25px 5px rgba(0, 0, 0, 0.1);
	-webkit-transform:translateY(-2px);
			transform:translateY(-2px);
	-webkit-transition:all 0.35s ease 0s;
	   -moz-transition:all 0.35s ease 0s;
			transition:all 0.35s ease 0s;
}

/*Iconbox Style 1*/
.st-iconbox.style-1{
	text-align:center;
	padding-left:20px;
	padding-right:20px;
}
.st-iconbox.style-1 .box-icon{
	font-size:3em;
	margin-bottom:25px;
	color:#304fe9;
	display:block;
	line-height:75px;
	height:75px;
	width:75px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:2;
	-webkit-transition:color 0.35s ease 0s, font-size 0.35s ease 0s;
	   -moz-transition:color 0.35s ease 0s, font-size 0.35s ease 0s;
			transition:color 0.35s ease 0s, font-size 0.35s ease 0s;
}
.st-iconbox.style-1:hover .box-icon{
	color:#fff;
	font-size:2em;
}
.st-iconbox.style-1 .box-icon::after{
	position:absolute;
	content:'';
	z-index:-1;
	left:0;
	top:0;
	right:0;
	bottom:0;
	opacity:0;
	background-color:#304fe9;
	-webkit-border-radius:50%;
			border-radius:50%;
	-webkit-transform:scale(0);
			transform:scale(0);
	-webkit-transition:transform 0.35s ease 0s, opacity 0.35s ease 0s;
	   -moz-transition:transform 0.35s ease 0s, opacity 0.35s ease 0s;
			transition:transform 0.35s ease 0s, opacity 0.35s ease 0s;
}
.st-iconbox.style-1:hover .box-icon::after{
	opacity:1;
	-webkit-transform:scale(1);
			transform:scale(1);	
}

/*Iconbox Style 2*/
.st-iconbox.style-2{
	position:relative;
}
.st-iconbox.style-2 .box-icon{
	position:absolute;
	top:0;
	font-size:2em;
	color:#fff;
	display:block;
	line-height:55px;
	height:55px;
	width:55px;
	text-align:center;
	background-color:#2e3841;
	-webkit-border-radius:50%;
			border-radius:50%;
	-webkit-transition:background 0.3s linear 0s;
			transition:background 0.3s linear 0s;
}
.st-iconbox.style-2:hover .box-icon{
	background-color:#304fe9;
}
.st-iconbox.icon-left{
	padding-left:70px;
}
.st-iconbox.icon-left .box-icon{
	left:0;
}
.st-iconbox.icon-right{
	padding-right:80px;
}
.st-iconbox.icon-right .box-icon{
	right:0;
}

/*Iconbox Style 3*/
.st-iconbox.style-3{
	background-color:#f6f6f6;
	padding:90px 50px 40px;
}
.st-iconbox.style-3 .box-icon{
	position:absolute;
	top:0;
	font-size:2em;
	width:60px;
	height:60px;
	line-height:60px;
	text-align:center;
	color:#fff;
	margin-bottom:30px;
	background-color:#222;
	-webkit-transition:background 0.3s linear 0s;
			transition:background 0.3s linear 0s;
}
.st-iconbox.style-3:hover .box-icon{
	background-color:#304fe9;
}
.st-iconbox.style-3 .box-link a{
	background-color:#fff;
}

/*=========================================================================
  Services List
//=======================================================================*/
.st-service .service-container .service-content h4{
	font-size:18px;
	margin-bottom:20px;
	margin-top:0;
	letter-spacing:-.4px;
}

/*Service Style 1*/
.st-service .service-container.style-1{
	text-align:center;
	padding:30px;
	border:2px solid #ececec;
	-webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
			box-shadow:0 0 0 0 rgba(0, 0, 0, 0);	
	-webkit-transition:all 0.3s linear 0s;
			transition:all 0.3s linear 0s;
}
.st-service .service-container.style-1:hover{
	background-color:#fff;
	border-color:transparent;
	-webkit-box-shadow:0 4px 20px 0 rgba(0, 0, 0, 0.1);
			box-shadow:0 4px 20px 0 rgba(0, 0, 0, 0.1);	
	-webkit-transition:all 0.3s linear 0s;
			transition:all 0.3s linear 0s;
}
.st-service .service-container.style-1 .service-icon{
	font-size:3em;
	color:#304fe9;
}
.st-service .service-container.style-1 .service-content{
	padding-top:20px;
}

/*Service Style 2*/
.st-service .service-container.style-2{
	padding-bottom:30px;
	overflow:hidden;
}
.st-service .service-container.style-2 .service-image{
	position:relative;
	overflow:hidden;
}
.st-service .service-container.style-2 .service-image a{
	display:block;
}
.st-service .service-container.style-2 .service-content{
	padding:30px 35px 0;
	position:relative;
	background-color:#fff;
	border-left:1px solid #ececec;
	border-right:1px solid #ececec;
}
.st-service .service-container.style-2 .service-content::before{
	position:absolute;
	content:'';
	left:-1px;
	bottom:-30px;
	right:30px;
	height:30px;
	background-color:#fff;
	border-left:1px solid #ececec;
	border-bottom:1px solid #ececec;
}
.st-service .service-container.style-2 .service-content::after{
	content:'';
	position:absolute;
	right:-2px;
	bottom:-32px;
	border-width:16px;
	border-style:solid;
	border-color:transparent;
	border-left-color:#ececec;
	border-top-color:#ececec;
}
.st-service .service-container.style-2 .service-content h4 a{
}


/*=========================================================================
  Portfolio
//=======================================================================*/
.st-portfolio.nospace [class*="col-"] {
	padding: 0;
}
.st-portfolio.nospace .portfolio-container {
	margin-bottom: 0 !important;
}

.st-portfolio .portfolio-container{
	overflow:hidden;
	position:relative;
}

.st-portfolio .portfolio-container .portfolio-image{
	position:relative;
	overflow:hidden;
}

.st-portfolio .portfolio-container .portfolio-content h4{
	font-size:18px;
	margin:0;
	font-weight:normal;
	letter-spacing:-0.04em;
}

.st-portfolio .portfolio-link{
	margin-top:20px;
	display:inline-block;
}
.st-portfolio .portfolio-link a{
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:0.08em;
	font-weight:700;
	color:inherit;
	text-decoration:none;
	-webkit-transition:all 0.6s ease 0s;
	   -moz-transition:all 0.6s ease 0s;
			transition:all 0.6s ease 0s;
}
.st-portfolio .portfolio-link a:hover{
	text-decoration:underline;
	-webkit-transition:all 0.6s ease 0s;
	   -moz-transition:all 0.6s ease 0s;
			transition:all 0.6s ease 0s;
}
.st-portfolio .portfolio-link a span{
	margin-right:7px;
	font-weight:normal;
}

/*Portfolio Style 1*/
.st-portfolio .portfolio-container.style-1 .portfolio-image img{
	-webkit-transform:translateX(0);
			transform:translateX(0);	
	-webkit-transition:transform 0.4s ease 0s;
	   -moz-transition:transform 0.4s ease 0s;
			transition:transform 0.4s ease 0s;
}
.st-portfolio .portfolio-container.style-1:hover .portfolio-image img{
	-webkit-transform:translateX(35%);
			transform:translateX(35%);	
}
.st-portfolio .portfolio-container.style-1 .portfolio-content{
	position:absolute;
	background-color:#304fe9;
	left:0;
	top:0;
	height:100%;
	padding:20px;
	width:70%;
	color:#fff;
	-webkit-transform:translateX(-100%);
			transform:translateX(-100%);
	-webkit-transition:transform 0.4s ease 0s;
	   -moz-transition:transform 0.4s ease 0s;
			transition:transform 0.4s ease 0s;
}
.st-portfolio .portfolio-container.style-1:hover .portfolio-content{
	-webkit-transform:translateX(0);
			transform:translateX(0);	
}
.st-portfolio .portfolio-container.style-1 .portfolio-content h4{
	color:#222;
}

/*Portfolio Style 2*/
.st-portfolio .portfolio-container.style-2 .portfolio-image img{
	-webkit-transform:scale(1);
			transform:scale(1);
	-webkit-transition:transform 0.6s ease 0s;
	   -moz-transition:transform 0.6s ease 0s;
			transition:transform 0.6s ease 0s;
}
.st-portfolio .portfolio-container.style-2:hover .portfolio-image img{
	-webkit-transform:scale(1.2);
			transform:scale(1.2);
}
.st-portfolio .portfolio-container.style-2 .portfolio-content{
	position:absolute;
	left:0;
	bottom:0;
	padding:10px;
}
.st-portfolio .portfolio-container.style-2 h4{
	font-weight:600;
}
.st-portfolio .portfolio-container.style-2 h4 a{
	display:inline-block;
	background-color:rgba(0, 0, 0, 0.7);
	padding:5px 9px;
	color:#fff;
	-webkit-transition:color 0.35s ease 0s, background-color 0.35s ease 0s;
	   -moz-transition:color 0.35s ease 0s, background-color 0.35s ease 0s;
			transition:color 0.35s ease 0s, background-color 0.35s ease 0s;
}
.st-portfolio .portfolio-container.style-2:hover h4 a{
	color:#304fe9;
	background-color:#fff;
}

/*Meta Box*/
.st-metabox{
	border:1px solid #ececec;
	-wekit-border-radius:5px;
			border-radius:5px;
}
.st-metabox ul{
	margin:0;
	padding:0;
	list-style:none;
}
.st-metabox ul li + li{
	border-top:1px solid #ececec;
}
.st-metabox ul li .box-label{
	width:160px;
	display:inline-block;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0.04em;
	position:relative;
}
.st-metabox ul li .box-label::after{
	position:absolute;
	content:':';
	right:0;
}
.st-metabox ul li span{
	padding:13px;
}

/*=========================================================================
  Socials
//=======================================================================*/
.st-social{
	margin:0; !important;
}
.st-social ul.list-inline{
	margin:0;
	padding:0;
}
.st-social li{
	margin-right:5px;
	position:relative;
}
.st-social a{
	font-size:14px;
	color:inherit;
	height:35px;
	width:35px;
	line-height:33px;
	text-align:center;
	border:1px solid #e5e5e5;
			border-radius:30px;
	-webkit-border-radius:30px;
}
.st-social a:hover{
	color:#fdbd10;
}

#footer .st-social a{
	border-color:rgba(255, 255, 255, 0.12);
}
#footer .st-social a:hover{
	color:#fff;
	background-color:rgba(255, 255, 255, .07);
}

/*=========================================================================
  Counter
//=======================================================================*/
.st-counter{
	line-height:1;
	overflow:hidden;
	color:#222;
}
.wpb_color .st-counter{
	color:inherit;
}
.st-counter h4{
	margin-bottom:0;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:0.04em;
	font-weight:600;
}
.st-counter .counter-number{
	font-size:50px;
	font-weight:700;
}
.st-counter.style-icon .counter-number{
	font-size:32px;
}
.st-counter.style-icon .box-icon{
	font-size:2em;
	height:65px;
	width:65px;
	line-height:65px;
	border:1px solid;
	text-align:center;
	background:none;
	-webkit-border-radius:50%;
			border-radius:50%;
	-webkit-transition:border-color 0.35s ease 0s, background-color 0.35s ease 0s;
	   -moz-transition:border-color 0.35s ease 0s, background-color 0.35s ease 0s;
			transition:border-color 0.35s ease 0s, background-color 0.35s ease 0s;
	
}
.st-counter.style-icon:hover .box-icon{
	border-color:transparent;
	background-color:rgba(0, 0, 0, 0.2)
}
.st-counter.style-icon .box-icon span{
	display:block;
	line-height:inherit;
}

/*Counter Default*/
.st-counter.style-default{
	text-align:center;
}
.st-counter.style-default .counter-number{
	color:#304fe9;
}

/*Counter Icon*/
.st-counter.icon-top{
	text-align:center;
}
.st-counter.icon-top .box-icon{
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
}

.st-counter.icon-left{
	position:relative;
	display:flex;
	align-items:center;
}
.st-counter.icon-left .box-inner{
	overflow:hidden;
	margin-left:15px;
}
.wpb_color .st-counter,
.white_color .st-counter,
.wpb_color .st-counter h4,
.white_color .st-counter h4{
	color:inherit;
}

/*=========================================================================
  Countdown
//=======================================================================*/
.st-countdown{
	text-align:center;
	line-height:1;
}
.st-countdown .countdown{
	display:inline-block;
	color:#2e3841;
}
.wpb_color .st-countdown{
	color:inherit;
}
.st-countdown .countdown-row{
	display:flex;
	flex-flow:row nowrap;
	align-items:center;
	justify-content: center;
}
.st-countdown .countdown-section{
	display:inline-block;
	width:150px;
	text-align:center;
	padding:0 30px;
	border-left:1px solid #e5e5e5;
}
.st-countdown .countdown-section:first-child{
	border-left:none;
}
.st-countdown .countdown-amount{
	display:block;
	font-size:36px;
	font-weight:700;
	margin-bottom:6px;
}
.st-countdown .countdown-period{
	display:block;
	font-size:13px;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:0.5px;
}

/*=========================================================================
  Promobox
//=======================================================================*/
.st-promobox{
	position:relative;
}
.st-promobox .box-content{
	position:absolute;
	padding:0 20px;
	left:0;
	right:0;
	bottom:20px;
	z-index:2;
	color:#fff;
}
.st-promobox .box-image::after{
	position:absolute;
	content:'';
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
	background-color:rgba(10, 10, 10, 0.6);
	-webkit-transition:background 0.35s ease 0s;
	   -moz-transition:background 0.35s ease 0s;
			transition:background 0.35s ease 0s;
}
.st-promobox:hover .box-image::after{
	background-color:rgba(10, 10, 10, 0.8);
}
.st-promobox .box-content .box-title{
	color:inherit;
	line-height:100%;
	margin-top:0;
}
.st-promobox .box-content .box-subtitle{
	padding-left:30px;
	position:relative;
	font-size:13px;
}
.st-promobox .box-content .box-subtitle::before{
	position:absolute;
	display:block;
	content:'';
	width:20px;
	height:2px;
	left:0;
	top:10px;
	background-color:#304fe9;
}
.st-promobox .box-link{
	margin-top:15px;
	margin-left:30px;
}
.st-promobox .box-link a{
	color:#304fe9;
	font-weight:700;
	font-size:11px;
	text-transform:uppercase;
	border:2px solid #304fe9;
	line-height:26px;
	padding:0 20px;
	display:inline-block;
	border-radius:20px;
	-webkit-transition:background-color 0.35s ease 0s, color 0.35s ease 0s;
	   -moz-transition:background-color 0.35s ease 0s, color 0.35s ease 0s;
			transition:background-color 0.35s ease 0s, color 0.35s ease 0s;
}
.st-promobox .box-link a:hover{
	color:#fff;
	background-color:#304fe9;
}

/*=========================================================================
  Blog
//=======================================================================*/
.blogHolder {
	width:100%;
	margin:0;
}
.blog-container{
	padding-bottom:55px;
	margin-bottom:70px;
	border-bottom:1px solid #ececec;
}
.blog-container .blog-inner{
	text-align:left;
}
.blog-container .post-thumb,
.blog-container .post-slider,
.blog-container .post-quote,
.blog-single .post-thumb,
.blog-single .post-slider,
.blog-single .post-quote{
	margin-bottom:30px;
	position:relative;
}
.blog-container .post-thumb a,
.blog-single .post-thumb a{
	display:block;
	position:relative;
	cursor:pointer;
	overflow:hidden;
}
.post-quote{
	padding:20px 0;
}
.post-quote blockquote{
	max-width:none;
}

.blog-container .post-title,
.blog-single .post-title{
	font-size:28px;
	font-weight:bold;
	margin:0;
	line-height:32px;
	letter-spacing:-0.04em;
	position:relative;
	margin:0 0 10px;
}
.blog-single .post-title{
	font-size:28px;
	line-height:36px;
}

/*blog post meta*/
.post-date,
.post-category,
.post-author,
.post-comment{
	font-size:11px;
	position:relative;
	text-transform:uppercase;
	letter-spacing:0.04em;
	font-weight:600;
	display:inline-block;
}
.post-date a,
.post-category a,
.post-author a,
.post-comment a{
	color:inherit;
	border-bottom:1px solid transparent;
	-webkit-transition:color 0.35s ease 0s, border-color 0.35s ease 0s;
	   -moz-transition:color 0.35s ease 0s, border-color 0.35s ease 0s;
			transition:color 0.35s ease 0s, border-color 0.35s ease 0s;
}
.post-date a:hover,
.post-category a:hover,
.post-author a:hover,
.post-comment a:hover{
	color:#222;
	border-color:#304fe9;
}
.post-category{
	color:#304fe9;
	margin-bottom:10px;
}
.blog-container .post-meta,
.blog-single .post-meta{
	margin-bottom:30px;
}
.blog .blog-container .post-meta,
.blog .blog-container .post-category,
.blog .blog-container .post-title,
.blog-single .post-meta,
.blog-single .post-category,
.blog-single .post-title{
	display:block;
	text-align:center;
}


/*blog list*/
.blog-container .more-link{
	margin:0;
}

/*sticky post*/
.blog .sticky .blog-container{
	padding:40px 50px !important;
	border-bottom:none;
	position:relative;
	z-index:2;
}
.blog .sticky .blog-container::after{
	position:absolute;
	content:'';
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:-1;
	opacity:0.2;
	background-color:#4dc9f6;
}
.blog .sticky .blog-container .more-link a{
	background-color:#fff;
}

/*shortcodes post*/
.st-blog .blog-container{
	border:none;
	padding:0;
}
.st-blog .post-thumb{
	margin-bottom:20px;
}
.st-blog .blog-inner{
}
.st-blog .blog-container .post-title{
	font-size:20px;
	line-height:1.4;
	margin-bottom:15px;
}
.st-blog .post-meta{
	color:#999;
}
.st-blog .post-meta span + span::before{
	position:relative;
	display:inline-block;
	content:'';
	border-left:1px solid #ccc;
	margin-right:7px;
	margin-left:5px;
	top:1px;
	height:10px;
}
.st-blog .post-category a{
	display:inline-block;
	line-height:20px;
	padding:0 10px;
	color:#999;
	border:1px solid;
	font-size:10px;
	font-weight:normal;
	letter-spacing:0.1em;
	-webkit-border-radius:20px;
			border-radius:20px;
}
.st-blog .post-category a:hover{
	color:#304fe9;
}
	
/*single post*/
.blog-single .post-authors{
	display:flex;
	align-items:center;
	padding:40px 30px;
	margin-top:50px;
	margin-bottom:30px;
	background-color:#f6f6f6;
}
.blog-single .post-authors .author-left{
	margin-right:20px;
}
.blog-single .post-authors .author-left img{
	width:75px;
			border-radius:50%;
	-webkit-border-radius:50%;
}
.blog-single .post-authors  h4{
	margin-top:0;
}
.blog-single .post-tags{
	overflow:hidden;
}

/*=========================================================================
  Team
//=======================================================================*/
.team-container.style-1{
	text-align:center;
}
.team-container .team-photo{
	position:relative;
	overflow:hidden;
}
.team-container .team-photo > span{
	display:block;
	position:relative;
}
.team-container .team-photo .team-content{
	position:absolute;
	left:23px;
	right:23px;
	top:50%;
	color:#fff;
	line-height:20px;
	text-align:center;
			transform:translateY(0);
	-webkit-transform:translateY(0);
}
.team-container .team-photo > span::after,
.team-container .team-photo .team-content{
	opacity:0;
	-webkit-transform:translateY(40%);
			transform:translateY(40%);
	-webkit-transition:opacity 0.35s ease 0s, transform 0.35s ease 0s;
	   -moz-transition:opacity 0.35s ease 0s, transform 0.35s ease 0s;
			transition:opacity 0.35s ease 0s, transform 0.35s ease 0s;
}
.team-container.style-1:hover .team-photo > span::after{
	opacity:1;
	-webkit-transform:translateY(0);
			transform:translateY(0);
}
.team-container.style-1:hover .team-photo .team-content{
	opacity:1;
	-webkit-transform:translateY(-50%);
			transform:translateY(-50%);
}
.team-container .st-social{
	margin-top:15px;
}
.team-container .st-social a{
	border:none;
	line-height:35px;
	position:relative;
	z-index:2;
	color:#fff;
}
.team-container .st-social a::after{
	position:absolute;
	content:'';
	left:0;
	top:0;
	right:0;
	bottom:0;
	background-color:rgba(255, 255, 255, 0.15);
	z-index:-1;
	-webkit-border-radius:50%;
			border-radius:50%;
	-webkit-transform:scale(0);
			transform:scale(0);
	-webkit-transition:transform 0.35s ease 0s;
	   -moz-transition:transform 0.35s ease 0s;
			transition:transform 0.35s ease 0s;
}
.team-container .st-social a:hover::after{
	-webkit-transform:scale(1);
			transform:scale(1);
}
.team-container.style-1 .team-inner{
	padding:40px 25px;
	background-color:#f6f6f6;
}
.team-container .team-meta{
}
.team-container .team-meta h4{
	margin:0 0 15px;
}
.team-container:hover .team-meta h4{
	color:#304fe9;
}
.team-container .team-meta .team-position{
	font-size:13px;
	color:#999;
}

/*=========================================================================
  Testimonial
//=======================================================================*/
.testimonial-meta h4{
	font-size:16px;
	margin-bottom:0;
}

.st-testimonial .testimonial-container{
	position:relative;
	padding-left:50px;
	padding-right:20px;
	margin-top:5px;
}
.st-testimonial .testimonial-container::before{
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	content:'\201C';
	font-size:6em;
	left:0;
	top:15px;
	color:#304fe9;
	font-weight:700;
	opacity:.5;
}
.st-testimonial .testimonial-photo{
	width:45px;
	height:45px;
	overflow:hidden;
	float:left;
	top:-3px;
	margin-right:20px;
	position:relative;
			border-radius:50%;
	-webkit-border-radius:50%;
}
.st-testimonial .testimonial-content{
	margin-bottom:15px;
	line-height:26px;
}
.st-testimonial .testimonial-meta .testimonial-position{
	font-size:13px;
	line-height:20px;
	display:block;
	opacity:.7;
}

.st-testimonial-slider .testimonial-container{
	max-width:750px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.st-testimonial-slider .testimonial-photo{
	width:80px;
	height:80px;
	overflow:hidden;
	margin:0 auto 30px;
			border-radius:50%;
	-webkit-border-radius:50%;
}
.st-testimonial-slider .testimonial-content{
	margin-bottom:30px;
	font-size:16px;
}
.st-testimonial-slider .testimonial-meta h4{
	margin:0 5px 0 0;
	display:inline-block;
}
.st-testimonial-slider .testimonial-meta h4::after{
	position:relative;
	display:inline-block;
	content:',';
}
.st-testimonial-slider .testimonial-meta .testimonial-position{
}

/*=========================================================================
  Clients
//=======================================================================*/
.st-client{
	/*overflow:hidden;*/
}
.st-client ul.list-inline{
}
.st-client ul.list-inline li{
	text-align:center;
}
.st-client ul.list-inline li span{
	display:block;
	padding:20px 20%;
	-webkit-transition:box-shadow 0.45s ease 0s, background 0.45s ease 0s;
	   -moz-transition:box-shadow 0.45s ease 0s, background 0.45s ease 0s;
			transition:box-shadow 0.45s ease 0s, background 0.45s ease 0s;
}
.st-client ul.list-inline li:hover span{
	background-color:#fff;
			box-shadow:0 5px 20px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-shadow:0 5px 20px 0 rgba(0, 0, 0, 0.15);
}
.st-client ul.list-inline li span img{
	width:auto;
	opacity:0.75;
}
.st-client ul.list-inline li:hover span img{
	opacity:1;
}
.st-client ul.list-inline li span img:hover{
	opacity:1;
}

.st-client-slider .client-container{
	padding:0 10%;
}


/*=========================================================================
  Pricing Tables
//=======================================================================*/
.st-pricingbox{
	position:relative;
	padding:48px 40px;
	text-align:center;
	color:#333;
}
.wpb_color .st-pricingbox{
	color:inherit;
}
.st-pricingbox .box-title{
	font-size:14px;
	text-transform:uppercase;
	font-weight:400;
	margin:0 0 25px;
	letter-spacing:0.08em;
}
.st-pricingbox .box-price{
	line-height:1;
	margin-bottom:40px;
}
.st-pricingbox .price-currency{
	vertical-align:top;
	font-size:18px;
	font-weight:600;
}
.st-pricingbox .price-cost{
	font-size:70px;
	font-weight:700;
	line-height:100%;
}
.st-pricingbox .price-note{
	display:block;
	margin-top:10px;
	color:#999;
}
.st-pricingbox .box-content ul{
	margin:0;
	padding:0;
	list-style:none;
}
.st-pricingbox .box-content ul li{
	margin-bottom:10px;
	font-size:15px;
}

.st-pricingbox.box-featured{
	background-color:#fff;
	-webkit-box-shadow:0 5px 20px rgba(0, 0, 0, 0.05);
			box-shadow:0 5px 20px rgba(0, 0, 0, 0.05);
}
.st-pricingbox.box-featured .price-cost{
	color:#304fe9;
}
.st-pricingbox .box-link{
	display:inline-block;
	margin-top:30px;
}
.st-pricingbox.box-featured::after{
	font-family:'FontAwesome';
	content:'\f005';
	position:absolute;
	color:#fff;
	top:-10px;
	right:-10px;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background-color:#304fe9;
	-webkit-border-radius:50%;
			border-radius:50%;
}

/*=========================================================================
  contact
//=======================================================================*/
.st-contact-form label{
	display:block;
}
.st-contact-info,
.st-contact-info li{
	list-style:none;
	padding:0;
	margin:0;
}
.st-contact-info li{
	display:table;
	width:100%;
	table-layout:fixed;
	margin-bottom:5px;
}
.st-contact-info li div,
.st-contact-info li p{
	display:table-cell;
	vertical-align:top;
}
.st-contact-info li div{
	width:100px;
	text-transform:uppercase;
}

/*=========================================================================
  Custom All
//=======================================================================*/
.st-inherit .st-heading{
	color:inherit;
}

.st-inherit h1, 
.st-inherit h2, 
.st-inherit h3, 
.st-inherit h4, 
.st-inherit h5, 
.st-inherit h6{
	color:inherit;
}
.text-center{
	text-align:center;
}

/*===========Custom VC Styles============*/
/*Progress bar*/
body .vc_progress_bar .vc_single_bar{
	position:relative;
	margin-bottom:10px;
	background:none;
	height:auto;
	color:#555;
			box-shadow:none;
	-webkit-box-shadow:none;
			border-radius:0;
	-webkit-border-radius:0;
}
body .vc_progress_bar .vc_single_bar .vc_label{
	display:block;
	font-size:inherit;
	position:relative;
	padding:0;
}
body .vc_progress_bar .vc_single_bar .vc_label_units{
	float:right;
	font-size:inherit;
}
body .vc_progress_bar .vc_single_bar .vc_bar{
	display:block;
	position:relative;
	left:0;
	bottom:0;
	top:auto;
	height:10px;
	z-index:1;
	background-color:#304fe9;
			border-radius:0;
	-webkit-border-radius:0;
}
body .vc_progress_bar .vc_general.vc_single_bar::before{
	position:absolute;
	content:'';
	left:0;
	bottom:0;
	height:10px;
	width:100%;
	background-color:#e2e6e7;
}
body .vc_progress_bar .vc_single_bar .vc_bar,
body .vc_progress_bar .vc_general.vc_single_bar .vc_label{
	text-shadow:none !important;
	color:inherit !important;
}

/*pie cart*/
body .wpb_pie_chart_heading{
	font-size:13px;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:0.5px;
}
body .vc_pie_chart .vc_pie_chart_value{
	font-size:18px;
	font-weight:600;
}
body .vc_pie_chart_back{
	border-color:#e0e0e0 !important;
	opacity:.5;
}

/*toggle & accordion*/
body .vc_toggle_title > h4,
body .vc_tta.vc_general .vc_tta-panel-title{
	font-size:15px;
	letter-spacing:-.7px;
}
body .vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title > a{
	color:#666;
}
body .vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-title > a{
	color:inherit;
}

/*tabs & tour*/
body .vc_tta.vc_general .vc_tta-tab > a{
	font-weight:500;
}

/*divider*/
body .vc_separator.vc_sep_color_grey .vc_sep_line{
	border-color:#e2e6e7;
}

/*custom*/
.color_white{
	color:#fff;
}
.color_white a,
.color_white h4{
	color:inherit;
}
