
/* INDUSTRIES template */
	body.industries{ background:white;}
	.industries h1, .industries h2{font-weight:600;}
	.single-work.single.industries .work-post-wrapper a { font-weight:inherit;}

	#industries-page-header{ padding-top:150px; padding-bottom:130px; background:url(../images/industries-page-header-bg.jpg) no-repeat; background-size:cover;}
	#industries-page-header h1{font-size:50px; color:white; font-weight:700; margin-bottom:20px; text-transform:none;}
	#industries-page-header h2{margin-bottom:30px; color:white; }
	
	.color-coral{color:#ff5353!important;}
	
	a.button-transparent, .button-transparent{ text-transform:none; font-size:28px; font-weight:400!important; display:inline-block; max-width: none; padding:7px 25px; height:auto; background-color:transparent; border:1px solid white;}
	a.button-transparent:hover, .button-transparent:hover{ background-color:#ff5353; border-color:#ff5353; color:white;}
	a.button-color-coral, .button-color-coral{border-color:#ff5353; color:#ff5353;}
	
	a.button-flex, .button-flex{ width:auto; display:inline-block; padding-left:1em; padding-right:1em; max-width:none;}

	
	#industries-features{ background-color:#eee;}
	.slider-wrap{}
	.slider-wrap h3{font-size:26px; font-weight:400; margin-bottom:30px;}
	
	/* flexslider */	
	.flexslider{border:0; background:transparent; margin:0; border-radius:0;}
	.flexslider .flex-viewport{ z-index:2;}
	.flexslider .slides{margin:0; padding:0; list-style-type:none;}
	.flexslider .slides li{margin:0; padding:0; background:none;}
	.flex-direction-nav {position: absolute; width: 100%; top:26%;}
	.flex-direction-nav li{padding:0; margin:0; background:none;}
	.flex-direction-nav a{ color:transparent!important; width:32px; height:60px; background:url(../images/i-slider-arrows.png) no-repeat transparent; outline:0; text-shadow:none; opacity:0.4;}
	.flex-direction-nav a::before{ display:none;}
	.flex-direction-nav a:hover{ text-decoration:none;}
	.flex-direction-nav .flex-prev {left:10%;}
	.flex-direction-nav .flex-next {right:10%; text-align:center; background-position:-32px 0;}
	.flexslider:hover .flex-direction-nav .flex-prev {left:10%;}
	.flexslider:hover .flex-direction-nav .flex-next {right:10%;}
	.slider-item-wrap .item-image{ position:relative; display:inline-block; width:324px; height:284px; margin:0 auto; background:url(../images/features-monitor.png) no-repeat; padding:13px;}
	.slider-item-wrap .item-title{ font-family:'Roboto'; font-size:30px; ttext-decoration:underline;}
	.slider-item-wrap .item-title a{ font-weight:300!important; color:#0b509e; text-decoration: none}
	/*.slider-item-wrap .item-title a:hover{ text-decoration: underline;}*/
	
	.slider-item-wrap .item-image .overlay-effect{ position:absolute; opacity:0; z-index:2; top:10%; left:10%; width:80%; height:54%; border:0px solid white; border-radius:10px; background-color:rgba(0,0,0,0.6); transform:scale(1.3); transition:opacity 0.2s ease, transform 0.2s ease; -webkit-transition:opacity 0.2s ease, transform 0.2s ease;}
	.slider-item-wrap .item-image .overlay-effect .inner-wrap{ display:table; width:100%; height:100%;}
	.slider-item-wrap .item-image .overlay-effect a{ display:table-cell; color:white; text-align:center; vertical-align:middle; font-weight:400; text-transform:uppercase; letter-spacing:0.1em;}
	.slider-item-wrap .item-image:hover .overlay-effect{ opacity:1; transform:scale(1);}

	
	#industries-process{ background-color:#fbfbfb;}
	.process-image-wrap{margin-bottom:30px;}
	.process-image-wrap img{ display:inline-block;}
	
	.sep-h{height:2px; background-color:#eee; margin-bottom:30px; width:60%; margin-left:20%;}
	
	#testimonials{ background:url(../images/testi-bg.jpg) no-repeat; background-size:cover; background-attachment:fixed;}
	#testimonials blockquote{background-color:transparent; padding:0;}
	#testimonials blockquote:before{ content:''; display:inline-block; margin-top:-80px; margin-bottom:20px; width:68px; height:68px; background:url(../images/testi-quote.png) no-repeat;}
	#testimonials blockquote p{background-color:transparent;}
	
	.light-font cite{color:#fff!important;}
	.bottom-blue-border{ border-bottom:4px solid #333399;}
	
	/* blog */
	#blog-section{padding:80px 50px; background-color:#eeeeee; min-height:436px;}
	#blog-section h2{color:#ff5353!important;}
	#blog-section a{color:#ff5353; text-decoration:underline; text-transform:uppercase;}
	
	/* ebook */
	#ebook-section{padding:80px 50px;}
	
@media only screen and (max-width: 1200px){
	
	/*body{border:1px dotted blue;}*/
	
	.flex-direction-nav .flex-prev {left:10px;}
	.flex-direction-nav .flex-next {right:10px;}
	.flexslider:hover .flex-direction-nav .flex-prev {left:10px;}
	.flexslider:hover .flex-direction-nav .flex-next {right:10px;}
	
	
}

@media only screen and (max-width: 960px){
	
	/*body{border:1px dashed green;}*/
	
	.flex-direction-nav .flex-prev {left:-20px;}
	.flex-direction-nav .flex-next {right:-20px;}
	.flexslider:hover .flex-direction-nav .flex-prev {left:-20px;}
	.flexslider:hover .flex-direction-nav .flex-next {right:-20px;}
}
	

@media only screen and (max-width: 850px) {
		
	/*body{border:1px dotted red;}*/
		
	#industries-page-header{ padding-top:40px; padding-bottom:40px;}
	
	#testimonials .work-content-section.work-section{padding-top:80px;}
	#testimonials blockquote{margin-bottom:0;}
	
	#blog-section{padding:40px 20px; min-height:auto;}
	#ebook-section{padding:40px 20px;}
	
	.flex-direction-nav .flex-prev {left:10%;}
	.flex-direction-nav .flex-next {right:10%;}
	.flexslider:hover .flex-direction-nav .flex-prev {left:10%;}
	.flexslider:hover .flex-direction-nav .flex-next {right:10%;}
	
}
	
@media only screen and (max-width: 575px) {

	/*body{border:1px dashed blue;}*/
	
	.flex-direction-nav .flex-prev {left:0;}
	.flex-direction-nav .flex-next {right:0;}
	.flexslider:hover .flex-direction-nav .flex-prev {left:0;}
	.flexslider:hover .flex-direction-nav .flex-next {right:0;}
	
	.slider-item-wrap .item-image{width:80%; height:auto; background-size:100%; padding-bottom:23%;}
	
	a.button-transparent, .button-transparent{font-size:18px;}
	
	.slider-item-wrap .item-title{font-size:20px;}
	
}

@media only screen and (max-width: 420px) {
	
	/*body{border:1px dashed green;}*/
	
	.slider-item-wrap .item-image{width:70%; height:auto; background-size:100%; padding-bottom:23%;}
	.flex-direction-nav {top:18%;}
	
	
	
}

@media only screen and (max-width:320px) {
	
	/*body{border:1px dashed red;}*/
	
}