/* Zupper Shortcode CSS Styles */


/* Shortcodes tags only */
	.zupper-code { font-size: 14px; }
	.zupper-code h1 { font-size: 32px; }
	.zupper-code h2 { font-size: 28px; }
	.zupper-code h3 { font-size: 24px; }
	.zupper-code h4 { font-size: 20px; } 
	.zupper-code h5 { font-size: 16px; font-weight:bold; } 
	.zupper-code h6 { font-size: 16px; font-weight:bold; }
	.zupper-code h1, 
	.zupper-code h2, 
	.zupper-code h3, 
	.zupper-code h4, 
	.zupper-code h5, 
	.zupper-code h6 { 
		margin-top:15px; margin-bottom:15px; line-height:1.5em; padding:0px;
	}

	
/*--------------------------------------------------
	01. Zupper CODE CTA Titles
--------------------------------------------------*/
	h1.zc-title a, 
	h2.zc-title a, 
	h3.zc-title a, 
	h4.zc-title a, 
	h5.zc-title a, 
	h6.zc-title a { 
		text-decoration:none; border-bottom:none; box-shadow:none;
	}
	h1.zc-title, 
	h2.zc-title, 
	h3.zc-title, 
	h4.zc-title, 
	h5.zc-title, 
	h6.zc-title {
		text-align:left;
	}
	h1.zc-title span.cline, 
	h2.zc-title span.cline, 
	h3.zc-title span.cline, 
	h4.zc-title span.cline, 
	h5.zc-title span.cline, 
	h6.zc-title span.cline {
		display:block; height:1px; border-top:solid 1px #000000; margin: 15px auto 0 0; 
		text-align:left; width:25px; transition:all 0.35s ease-in-out; 
	}
	h1.zc-title span.gline, 
	h2.zc-title span.gline, 
	h3.zc-title span.gline, 
	h4.zc-title span.gline, 
	h5.zc-title span.gline, 
	h6.zc-title span.gline {
		display:block; height:1px; border-top:solid 1px #EEEEEE; text-align:left; 
		width:100%; margin-top:0px; 
	}
	div:hover > h2.zc-title span.cline, 
	div:hover > h2.zc-title span.cline, 
	div:hover > h3.zc-title span.cline, 
	div:hover > h4.zc-title span.cline, 
	div:hover > h5.zc-title span.cline, 
	div:hover > h6.zc-title span.cline {
		width:75px; transition:all 0.35s ease-in-out;
	}
	h1.zc-title.zc-tleft, 
	h2.zc-title.zc-tleft, 
	h3.zc-title.zc-tleft, 
	h4.zc-title.zc-tleft, 
	h5.zc-title.zc-tleft,
	h6.zc-title.zc-tleft {
		text-align:left;
	}
	h1.zc-title.zc-tleft span.cline, 
	h2.zc-title.zc-tleft span.cline, 
	h3.zc-title.zc-tleft span.cline, 
	h4.zc-title.zc-tleft span.cline, 
	h5.zc-title.zc-tleft span.cline, 
	h6.zc-title.zc-tleft span.cline {
		margin: 15px auto 0 0;	
	}
	h1.zc-title.zc-tcenter, 
	h2.zc-title.zc-tcenter, 
	h3.zc-title.zc-tcenter, 
	h4.zc-title.zc-tcenter, 
	h5.zc-title.zc-tcenter, 
	h6.zc-title.zc-tcenter {
		text-align:center;
	}
	h1.zc-title.zc-tcenter span.cline, 
	h2.zc-title.zc-tcenter span.cline, 
	h3.zc-title.zc-tcenter span.cline, 
	h4.zc-title.zc-tcenter span.cline, 
	h5.zc-title.zc-tcenter span.cline, 
	h6.zc-title.zc-tcenter span.cline {
		margin: 15px auto 0 auto;	
	}
	h1.zc-title.zc-tright, 
	h2.zc-title.zc-tright, 
	h3.zc-title.zc-tright, 
	h4.zc-title.zc-tright, 
	h5.zc-title.zc-tright, 
	h6.zc-title.zc-tright  {
		text-align:right;
	}
	h1.zc-title.zc-tright span.cline, 
	h2.zc-title.zc-tright span.cline, 
	h3.zc-title.zc-tright span.cline, 
	h4.zc-title.zc-tright span.cline, 
	h5.zc-title.zc-tright span.cline, 
	h6.zc-title.zc-tright span.cline {
		margin: 15px 0 0 auto;	
	}

/*--------------------------------------------------
	02. Zupper CODE Blog posts
--------------------------------------------------*/
	div.relative_on .img_zoom { transition: all 0.6s ease-in-out; }
	div.relative_on:hover .img_zoom { transform: scale(1.05); transition: all 0.6s ease-in-out; }
	div.relative_on { 
		position:relative; text-align:center; 
		margin-bottom:20px;
	}
	div.relative_on img { 
		margin:0 auto!important;  
	}
	div.relative_on img:last-child { 
		border:none;
	}
	.shortcodes_article { margin-bottom:15px; } 
	.shortcodes_article a { text-decoration:none!important; border:none!important; box-shadow:none!important; } 
	.shortcodes_article h5 { line-height:1.75em; }
	.shortcodes_article .about-article { line-height:1.75em; margin-top:15px; margin-bottom:15px; /* */ }
	.shortcodes_article .article-short { line-height:1.75em; margin-bottom:20px; }
	.shortcodes_article .article-short a { text-decoration:none; }
	.read-more { margin-top:15px; }
	.read-more, .read-more div { color:#C8C8C8; }
	.about-article, .about-article i, .about-article a , .article-tags, .article-tags i, .article-tags a { color: #a8a8a8!important; }
	.read-more { background: #EEEEEE; text-align:right; margin-top:10px; padding:10px 15px; border-left:none; border-right:none; }
	.read-more a { text-decoration:none; display:block; }
	.article { line-height:1.75em; } 
	div.article .nocomm a, div.article .nocomm i { color:#FFFFFF; text-decoration:none; }
	div.article .nocomm { 
		position:absolute; top:15px; right:15px; z-index:8; color:#FFFFFF; font-size:18px; 
		background: url(images/image-on-black.png) repeat; padding: 5px 10px;
	}
	div.article img.image-on { 
		position:absolute; top:50%; left:50%; z-index:6; 
		width:0px; height:0px; transition: all 0.6s ease; 
	}
	div.article:hover img.image-on { top:0%; left:0%; width:100%; height:100%; transition: all 0.6s ease; }

	div.text-left.short_description a.more-link { margin-left:0px; } 
	div.text-right.short_description a.more-link { margin-right:0px; } 
		
/*--------------------------------------------------
	03. Zupper CODE Services
--------------------------------------------------*/
	.service_box_modern .category_name {
		padding-top: 1px; padding-bottom: 1px;
	}
	.services_section { clear:both; margin-bottom:30px; }
	.services_section h3, .services_section h4 { margin:15px 0; }
	.services_section h5, .services_section h5 { margin:10px 0; }
	.services_section .category_box h4 { font-weight:normal; line-height:1.25em; }
	.services_section .category_box h4 a { font-weight:bold; line-height:1.25em; }
	.services_section .category_name.is_left { margin-bottom:0px; }
	.services_section .category_name.is_right {  margin-bottom:0px; }
	.services_section .category_name a { text-decoration:none; }
	.services_section .short_description { 	
		line-height:1.75em; margin-top:5px; margin-bottom:5px; 
	}
	.services_section .short_description.text-left a.more-link { 	
		margin-left:0px!important; 
	}
	.service_box_modern .short_description p { 
		margin: 5px 0px 5px 0px; 
	}
	.category_name h5.zc-title.zc-tleft{ margin-left:10px; }
	.category_name h5.zc-title.zc-tright{ margin-right:10px; }

/*--------------------------------------------------
	04. Zupper CODE Portfolio
--------------------------------------------------*/
	.portfolio_shortcode .span-group { margin-top:15px; }
	  .portfolio_shortcode .span-group span.cat_button { display:inline-block; margin-top:5px; }
	.portfolio_shortcode .zuppercode_portfolio {
		margin-left:0; margin-right:0; 
	}
	.portfolio_shortcode .zuppercode_portfolio .portfolio-item {
		margin-right: 0; margin-bottom: 0;
		padding-left: 0; padding-right: 0;
		border-bottom-width:0;
	}	
	.portfolio_shortcode .zuppercode_portfolio .portfolio-item a {
		margin: 0;
		padding: 0;
		border-bottom-width:0;
	}	
	.portfolio_shortcode.cat_to_left .span-group {
		text-align: left;
	}
	.portfolio_shortcode.cat_to_center .span-group {
		text-align: center;
	}
	.portfolio_shortcode.cat_to_right .span-group {
		text-align: right;
	}
	.portfolio_shortcode.hide_categories .span-group {
		display: none;
	}	
	.portfolio_shortcode.ss_1_cols .portfolio-item {
		width:100%; margin:0px; border:none; box-shadow:none; box-sizing:border-box;
	}	
	.portfolio_shortcode.ss_2_cols .portfolio-item {
		width:50%; margin:0px; border:none; box-shadow:none; box-sizing:border-box;
	}	
	.portfolio_shortcode.ss_3_cols .portfolio-item {
		width:33.33333333%; margin:0px; border:none; box-shadow:none; box-sizing:border-box;
	}	
	.portfolio_shortcode.ss_4_cols .portfolio-item {
		width:25%; margin:0px; border:none; box-shadow:none; box-sizing:border-box;
	}	
	.portfolio_shortcode.ss_5_cols .portfolio-item {
		width:20%; margin:0px; border:none; box-shadow:none; box-sizing:border-box;
	}	
	.portfolio_shortcode.ss_6_cols .portfolio-item {
		width:16.666666%; margin:0px; border:none; box-shadow:none; box-sizing:border-box;
	}	
		

	
	@media all and (max-width: 992px) {	
		.portfolio_shortcode.ss_4_cols .portfolio-item,
		.portfolio_shortcode.ss_5_cols .portfolio-item,
		.portfolio_shortcode.ss_6_cols .portfolio-item {
			width:33.33333333%;
		}	
	}
	@media all and (max-width: 768px) {	
		.portfolio_shortcode.ss_3_cols .portfolio-item,
		.portfolio_shortcode.ss_4_cols .portfolio-item,
		.portfolio_shortcode.ss_5_cols .portfolio-item,
		.portfolio_shortcode.ss_6_cols .portfolio-item {
			width:50%;
		}	
	}	
	.portfolio_shortcode.separated .zuppercode_portfolio {
		margin-left:-5px; margin-right:-5px;
	}
	.portfolio_shortcode.separated .portfolio-item {
		padding-left:5px; padding-right:5px; margin-bottom:10px; 
	}	
	.portfolio_shortcode .dzsportfolio.skin-default .portitem:hover:after { border:none; } 
	.portfolio_shortcode .dzsportfolio.skin-default .selector-con .categories .a-category:after {
		content: "";
	}
	
	/* Pretty Photo styles */
	.pp_social .facebook { width:80px; }
	.pp_pic_holder *{
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
	}

/*--------------------------------------------------
	05. Zupper CODE Testimonials
--------------------------------------------------*/
	.testimonial_section i { font-size:24px!important; }
	    
	/* Rotate left icon */
	.testimonial_section .row > .quote-left i { 
		display:inline-block; margin-top:5px; margin-bottom:10px;
		transition: all 0.5s ease-in-out;
	}
	.testimonial_section .row:hover > .quote-left i {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transition: transform 0.5s ease-in-out; 
	}
	
	/* Rotate right icon */
	.testimonial_section .row > .quote-right i { 
		display:inline-block; margin-top:5px; margin-bottom:10px;
		transition: all 0.5s ease-in-out;
	}
	.testimonial_section .row:hover > .quote-right i {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transition: transform 0.5s ease-in-out; 
	}
	/* .testimonial_section h3 { margin-bottom:30px!important; }
	.testimonial_section h3 span { margin-left:0px; width:75px; transition: all 0.6s ease;  }
	.testimonial_section:hover h3 span { width:150px; transition: all 0.6s ease; }
	.testimonial_section h4 { margin-bottom:30px!important; }
	.testimonial_section h4 span { margin-left:0px; width:75px; transition: all 0.6s ease;  }
	.testimonial_section:hover h4 span { width:150px; transition: all 0.6s ease; }
	.sidebar_content_footer .row.testimonial_section .col-xs-3 { padding-right: 0px; } */

/*--------------------------------------------------
	06. Zupper CODE Advertising
--------------------------------------------------*/
	/* No styles yet :) */

/*--------------------------------------------------
	07. Zupper CODE Partners
--------------------------------------------------*/		
	.partners_section { clear:both; margin-bottom:15px; }
	.section_recent_posts { clear:both; margin-bottom:15px; }
	
	/* Owl Carousel 2.2.0  */
	.partners_carousel { margin-top:30px; }
	.partners_carousel .item {
		overflow:hidden; 
	}
	.partners_carousel .item div a {
		display:block;
		border-top:solid 5px #FFFFFF; border-bottom:solid 5px #FFFFFF; 
		border-left:solid 5px #FFFFFF; border-right:solid 5px #FFFFFF; 
	}
	.zupper-code .owl-theme .owl-nav div{ 
		color: #000;
		display: inline-block;
		zoom: 1;
		*display: inline; /*IE7 life-saver */
		filter: Alpha(Opacity=50); /*IE7 fix*/
		opacity: 0.5; position:relative; 
	}
	.zupper-code .owl-theme .owl-nav div:hover{ 
		filter: Alpha(Opacity=100); /*IE7 fix*/
		opacity: 1; position:relative; 
	}
	.zupper-code .owl-theme .owl-nav div i { 
		color: #000; font-size:48px;
	}
	.zupper-code .owl-theme .owl-nav div.owl-prev {
		position:absolute; top:50%; left:-45px; margin-top:-28px!important; background:none;
	}
	.zupper-code .owl-theme .owl-nav div.owl-next {
	
		position:absolute; top:50%; right:-45px; margin-top:-28px!important; background:none;
	}
	@media all and (max-width: 1200px) {	
		.zupper-code .owl-theme .owl-nav div.owl-prev {
			left:8px;
		}
		.zupper-code .owl-theme .owl-nav div.owl-next {
			right:8px;
		}
		.zupper-code .owl-theme .owl-nav div i {
			color: #FFF;
		}
	}
	
	.zupper-code .owl-nav-top .partners_carousel.owl-theme .owl-nav .owl-prev{
		top:-30px!important; left:-5px!important;
		border: solid 1px #EEEEEE; padding:0px 20px 0px 15px;
	}	
	.zupper-code .owl-nav-top .partners_carousel.owl-theme .owl-nav .owl-next{
		top:-30px!important; right:-5px!important;
		border: solid 1px #EEEEEE; padding:0px 15px 0px 20px;
	}	
	
	
	/* Clickable class fix problem with hover on touch devices */
	/* Use it for non-touch hover action */
	.zupper-code .owl-theme .owl-controls.clickable .owl-buttons div:hover {
		filter: Alpha(Opacity=100);/*IE7 fix*/
		opacity: 1;
		text-decoration: none;
		color: #000;
	}
	
	/* Styling Pagination*/
	.zupper-code .owl-theme .owl-controls .owl-page {
		display: inline-block;
		zoom: 1;
		*display: inline;/*IE7 life-saver */
	}
	.zupper-code .owl-theme .owl-controls .owl-page span {
		display: block;
		width: 12px;
		height: 12px;
		margin:-45px 5px 5px;
		border: solid 1px #dddddd; z-index:9;
	}
	.zupper-code .hmc_slider .owl-theme .owl-controls .owl-page span {
		display: block;
		width: 12px;
		height: 12px;
		margin:-25px 5px 5px;
		border: solid 1px #dddddd; z-index:9;
	}
	.zupper-code .prod_3 .owl-theme .owl-controls .owl-page span {
		display: block;
		width: 12px;
		height: 12px;
		margin:25px 5px 5px;
		border: solid 1px #dddddd; z-index:9;
	}
	.zupper-code .owl-theme .owl-controls .owl-page.active span,
	.zupper-code .owl-theme .owl-controls.clickable .owl-page:hover span {
		border: solid 1px #dddddd;
		background: #000;
		width: 12px;
		height: 12px;
	}
	
	/* If PaginationNumbers is true */
	.zupper-code .owl-theme .owl-controls .owl-page span.owl-numbers {
		height: auto;
		width: auto;
		color: #FFF;
		padding: 2px 10px;
		font-size: 12px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
	}
	
	/* Pagination */	
	.zupper-code .owl-pagination { margin-top:0px; margin-bottom:15px; }
	.zupper-code .owl-carousel.owl-theme .owl-controls { margin-top:0px; margin-bottom:0px; }
	.zupper-code .owl-theme .owl-controls .owl-page span.active { background:#4D4D4D; }
	.zupper-code .owl-theme .owl-controls .owl-page.active span,
	.zupper-code .owl-theme .owl-controls.clickable .owl-page:hover span {
		border: solid 1px #dddddd;
		background: #000;
		width: 12px;
		height: 12px;
	}	

/*--------------------------------------------------
	08. Zupper CODE Parallax
--------------------------------------------------*/
	.zuppercode_parallax { 
		background-attachment:fixed; background-size: cover; 
		background-position:50% 50%; padding:0; margin:0; height:auto;
	}
	
/*--------------------------------------------------
	09. Zupper CODE Separator
--------------------------------------------------*/
	/* No styles yet :) */

/*--------------------------------------------------
	Zupper CODE Other syles
--------------------------------------------------*/	
	/* Bootstrap origial */
	.btn, a.btn {
		text-decoration:none!important; border:none!important;
	}
	a.btn:link, a.btn:visited, a.btn:hover, a.btn:active{ color: #FFF; }
	a.btn.btn-default{ color: #333; }
	
	h4.panel-title, h5.panel-title {
		margin-top:5px!important; margin-bottom:5px!important;
	}
	h4.panel-title a, h5.panel-title a {
		text-decoration:none!important; border:none!important;
	}
	
	/* Visual composer elements */
	.panel-collapse .panel-body .wpb_content_element { margin-bottom:0px!important; }