/**
 * CaseStudy
 *
 * @package     Marcieuat_CaseStudy
 * @author      Marcieu AT <marcieuat@gmail.com>
 * @copyright   Copyright (c) 2016 Marcieu A T.
 * @license     See LICENSE.txt for license details.
 */

 
 /** Casestudy list, view  and Industries view page layout title and breadcrumbs **/

 .casestudy-index-index   .page-main > .page-title-wrapper .page-title{
margin-bottom: 20px;
font-size: 14px;
color: #777;
font-weight: 600
 }
  .casestudy-index-index .breadcrumbs .items {
font-size: 12px;
color: #a3a3a3;
margin: 0px 0px -10px 15px;
padding: 0;
list-style: none none;
}
  .casestudy-index-index .breadcrumbs .items li:hover { 
  color: #a3a3a3;
  }
.casestudy-customercase-view .page-title-wrapper  {
display: none;
 }
.casestudy-customercase-view .breadcrumbs .items {
font-size: 12px;
color: #a3a3a3;
margin: 0px 0px -10px 15px;
padding: 0;
list-style: none none;
}

.casestudy-industry-view .page-main > .page-title-wrapper .page-title{
 font-size: 18px;
margin-bottom: 20px;
font-weight: 500;
 }
.casestudy-industry-view  .breadcrumbs .items {
font-size: 12px;
color: #a3a3a3;
margin: 15px 0px 0px 0px;
padding: 0;
list-style: none none;
}
 
.casestudy-customercase-view .columns .sidebar-additional {
    padding: 30px 0px 0px 25px !important;
}
.casestudy-industry-view .columns .sidebar-additional {
   padding: 30px 0px 0px 25px !important;
}




/** CustomerCase Homepage **/

.casestudy-home-customercases {
border: 1px solid #DCDCDC;
height: 0px;
position: relative;
bottom: 0px;
width: 275px;
float: left;
left: 20px;
height: 300px;
}
.casestudy-home-customercases .title h4 {
color: rgb(255, 255, 255);
font-size: 14px;
/*background: rgb(0, 136, 204) none repeat scroll 0% 0%;*/
background-color: #96C11F;
text-transform: uppercase;
text-align:center;
padding: 0px 0px 0px 20px;
font-weight: 600;
line-height: 39px;
margin: 0px 0px 0px;

}

.casestudy-home-customercases .story {
border: 0px solid rgb(204, 204, 204);
width: 273px;
height: 260px;
}

.casestudy-home-customercases  .story  .story-img {
display: block;
padding: 0px;
position: relative;
overflow: hidden;
margin: 0px;
border: 0px solid #F0EFE9;
width: 273px;
height: 260px;
}

.casestudy-home-customercases .story  .story-img  .thumb-img{
}
.casestudy-home-customercases .story  .story-img  .thumb-img a img {
width: 273px;
height: 260px;
	
}

.casestudy-home-customercases  .story  .story-img:hover .read-story  {
display: block;
background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;
}

.casestudy-home-customercases  .story  .story-img  .read-story {
top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
    color: #FFF;
    position: absolute;

}


.casestudy-home-customercases  .story  .story-img  .read-story  span{
    position: absolute;
    top: 110px;
    left: 60px;
    color: #FFF;
    font-size: 15px;
    font-weight: 600

}
.casestudy-home-customercases  .story  .story-img  .read-story  span a img{
width: 60px;
height: 60px;
position: relative;
bottom: 70px;
left: 45px;
}

.casestudy-home-customercases .story  .story-img  .read-story  span .read {
position: absolute;
top: -12px;
left: 35px;
color: #FFF;
font-size: 13px;
font-weight: 600;
width: 120px;

}


.casestudy-home-customercases  .story  .story-content {
border-bottom: 0px solid #DDD;
background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;
position: relative;
height: 110px;
bottom: 110px;
width: 273px;
}
.casestudy-home-customercases  .story  .story-content .title {
display: block;
text-transform: none;
height: 30px;
font-size: 13px;
padding: 15px 5px 5px 5px;
}

.casestudy-home-customercases  .story  .story-content .title .link {
    font-size: 12px;
	color: white;
	    font-weight: 600;
		text-decoration: none;
}


.casestudy-home-customercases  .story  .story-content .short-content{
    color: white;
    line-height: 19px;
}

.casestudy-home-customercases .story  .story-content .industries {
display: block;
text-transform: none;
height: 40px;
font-size: 13px;
padding: 15px 5px 5px 5px;
}
.casestudy-home-customercases  .story  .story-content .industries a {
color: white;
    font-size: 11px;
	text-decoration: none;
	}
.casestudy-home-customercases  .story  .story-content .read-more {
font-size: 12px;
font-weight: 600;
text-decoration: none;
position: relative;
left: 170px;
text-decoration: none;
width: 100px;
bottom: 0px;
top: 12px;
}

.casestudy-home-customercases  .story  .story-content .read-more  a { 
text-decoration: none;
float: right;
padding: 0px 5px 0px 0px;
}
.casestudy-home-customercases  .story  .story-content .read-more:hover {
	text-decoration: none;
	}
	
.casestudy-home-customercases .customercase-more-casestudy {	
position: absolute;
bottom: 10px;
left: 10px;
width: 120px;	
	}
.casestudy-home-customercases .customercase-more-casestudy  a {	
text-decoration: none;
}	
 
 
 
/** CustomerCase List **/
.customercase-list {
margin: 0px 0px 0px -40px;
}
.customercase-list-story {
display: inline-flex;
padding: 0px 10px 0px 0px;
	}
	
.customercase-list-story-story {	
	    display: inline-block;
    width: 300px;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    border: 1px solid rgb(204, 204, 204);
    box-shadow: 0px 0px 0px;
        height: 250px;
		    line-height: 0px;
	}
	
.customercase-list-story .story {
height: 250px;
border: 1px solid rgb(204, 204, 204);
width: 270px;
}

.customercase-list-story .story  .story-img {
display: block;
width: 270px;
    padding: 0px;
    position: relative;
    overflow: hidden;
    margin: 0px;
    border: 0px solid #F0EFE9;
      height: 250px;
}

.customercase-list-story .story  .story-img  .thumb-img{
}
.customercase-list-story .story  .story-img  .thumb-img a img {
      height: 250px;
    width: 270px;
	
}

.customercase-list-story .story  .story-img:hover .read-story  {
display: block;
background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;
}

.customercase-list-story .story  .story-img  .read-story {
top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
    color: #FFF;
    position: absolute;

}


.customercase-list-story .story  .story-img  .read-story  span{
    position: absolute;
    top: 110px;
    left: 50px;
    color: #FFF;
    font-size: 15px;
    font-weight: 600

}
.customercase-list-story .story  .story-img  .read-story  span a img{
width: 60px;
height: 60px;
position: relative;
bottom: 70px;
left: 55px;

}

.customercase-list-story .story  .story-img  .read-story  span .read {
position: absolute;
top: -12px;
left: 42px;
color: #FFF;
font-size: 13px;
font-weight: 600;
width: 120px;

}

.customercase-list-story .story  .story-content {
border-bottom: 0px solid #DDD;
background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;
position: relative;
height: 110px;
bottom: 110px;
width: 270px;
}
.customercase-list-story .story  .story-content .title {
    display: block;
    text-transform: none;
height: 30px;
font-size: 13px;
padding: 5px 5px 5px 5px;
}

.customercase-list-story .story  .story-content .title .link {
    font-size: 12px;
	color: white;
	    font-weight: 600;
		text-decoration: none;
}


.customercase-list-story .story  .story-content .short-content{
    color: white;
    line-height: 19px;
}

.customercase-list-story .story  .story-content .industries {
display: block;
text-transform: none;
height: 40px;
font-size: 13px;
padding: 5px 5px 5px 5px;
}
.customercase-list-story .story  .story-content .industries a {
color: white;
    font-size: 11px;
	text-decoration: none;
	}
.customercase-list-story .story  .story-content .read-more {
font-size: 12px;
font-weight: 600;
text-decoration: none;
position: relative;
left: 160px;
text-decoration: none;
width: 100px;
}

.customercase-list-story .story  .story-content .read-more  a { 
text-decoration: none;
float: right;
}
.customercase-list-story .story  .story-content .read-more:hover {
	text-decoration: none;
	}



/** CustomerCase View **/
.customercase-view-story {}
.customercase-view-story .story-view {
float: left;
padding: 0px 0px 10px 0px;
}
.customercase-view-story .header {}
.customercase-view-story .content {}


.customercase-view-story .title-block h2 {
font-weight: 600;
line-height: 25px;
font-size: 18px;
margin-top: 0px;
margin-bottom: 20px;
color: #2D73B9;

}
.customercase-view-story .content .main-img {
    float: left;
    width: 500px;
	padding: 0px 15px 0px 0px;
	    height: 260px;
	}
.customercase-view-story .content .main-img  a img{
    width: 500px;
	    height: 260px;
	}	
	
.customercase-view-story .content  .quote{
width: 330px;
float: left;
position: relative;
top: 0px;
left: 0px;
padding: 0px 0px 0px 0px !important;
border-radius: 5px;
margin-bottom: 0px !important;
min-height: 70px;
background: none !important;
}
.customercase-view-story .content  .quote .customer-quote  { 
position: relative;
font-weight: 500;
background-color: rgba(238, 238, 238, 0.36);
border-radius: 10px;
padding: 20px 13px 20px 20px;
font-size: 13px;	
}

.customercase-view-story .content .quote:after {
display: none;
}
.customercase-view-story .content .quote .customer-quote:after {
bottom: -19px;
left: 47px;
position: absolute;
content: '';
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid rgba(238, 238, 238, 0.36);
}


.customercase-view-story .content  .quote .customer-quote-img img{
position: relative;
float: left;
border-radius: 100%;
float: left;
left: 25px;
top: 20px;
}
.customercase-view-story .content  .quote .customer-quote-cite {
float: left;
position: relative;
left: 35px;
top: 40px;
font-size: 12px;
width: 200px;
}





.customercase-view-story .content .content-detail {
}
.customercase-view-story .content .content-detail .left {
    width: 500px;
    float: left;
}
.customercase-view-story .content .content-detail .left .challenge h2{
font-size: 13px;
font-weight: 600;
margin-bottom: 8px;
}
.customercase-view-story .content .content-detail .left .solution h2{
font-size: 13px;
font-weight: 600;
margin-bottom: 8px;
}
.customercase-view-story .content .content-detail  .left .benefit h2{
font-size: 13px;
font-weight: 600;
margin-bottom: 8px;
}	

.customercase-view-story .content .content-detail .right{
width: 330px;
float: left;
position: relative;
top: 0px;
left: 0px;
}


.customercase-view-story .content  .content-detail .right  .profile  h2 {
font-size: 13px;
font-weight: 600;
margin-bottom: 8px;
}


.customercase-view-story .content  .content-detail .right  .profile {
width: 330px;
float: left;
padding: 10px 10px 10px 10px;	
}


.customercase-view-story .footer {}


.relatedcase-block {
    float: left;
    width: 800px;
	}
.relatedproduct-title{
    float: left;
      width: 800px;
	}
.relatedproduct-content {
    float: left;
      width: 800px;
	}

.relatedproduct-content .products .product-item {
    width: 20%;
    padding: 10px;
}
.relatedproduct-content .products .product-item  .product-item-info .product-item-details .product-item-name {
    font-size: 12px;
    text-decoration: none;
}
.relatedproduct-content .products .product-item  .product-item-info .product-item-details .product-item-name :hover {
    text-decoration: none;
}
	
.relatedcase-back a {
background: rgb(25, 121, 195) none repeat scroll 0% 0%;
border: 1px solid rgb(25, 121, 195);
color: rgb(255, 255, 255);
cursor: pointer;
display: inline-block;
font-weight: 400;
/*padding: 1px 15px;*/
padding: 10px 25px;
font-size: 13px;
box-sizing: border-box;
vertical-align: middle;
text-decoration: none;
}



/** Industries View **/



/** CustomerCase Sidebar **/

.widget-industries-block .title {
    margin: 0 0 10px;
    border: 0;
    padding: 0;
    color: black;
    color: rgba(0, 0, 0, 0.75);
    border-bottom: 1px solid #E8E8E8;
    background: none;
   font-size: 16px;
    font-weight: 400;
    line-height: 28px;
	
	}

.widget-industries-block .title strong {
font-weight: 600;
}
.widget-industries-block  {
padding: 5px 16px;
margin: 0px 0px 30px;
position: relative;
background: white none repeat scroll 0% 0%;
border: none;
border-top: 6px solid #7E807E;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.10);
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
border-width: 6px medium medium;
border-style: solid none none;
border-color: #0088CC -moz-use-text-color -moz-use-text-color;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
}	
.widget-industries-block ul {
margin: 0px 0px 0px -10px;
list-style: none;
}

.widget-industries-block .industries li {
margin: 0px 0px 5px 0px;
 }

.widget-industries-block ul  li a{
text-decoration: none;
}

.widget-relatedcases-block {
padding: 5px 16px;
margin: 0px 0px 30px;
position: relative;
background: white none repeat scroll 0% 0%;
border: none;
border-top: 6px solid #7E807E;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.10);
-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.10);
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
border-width: 6px medium medium;
border-style: solid none none;
border-color: #0088CC -moz-use-text-color -moz-use-text-color;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
}

.widget-relatedcases-block  .relatedcases-title {
margin: 0 0 10px;
border: 0;
padding: 0;
color: black;
color: rgba(0, 0, 0, 0.75);
border-bottom: 1px solid #E8E8E8;
background: none;
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
.widget-relatedcases-block  .relatedcases-title strong {
font-weight: 600;
}

.relatedcase-list {
 margin: 0px 0px 0px -12px;
 }

.relatedcase-list-story {
width: 200px;
position: relative;
right: 12px;
padding: 10px 0px 10px 0px;
list-style: none;
	}

	
.relatedcase-list-story .story {
height: 180px;
width: 200px;
position: relative;
}

.relatedcase-list-story .story  .story-img {
display: block;
     width: 200px;
    padding: 0px;
    position: relative;
    overflow: hidden;
    margin: 0px;
    border: 0px solid #F0EFE9;
      height: 180px;
}

.relatedcase-list-story .story  .story-img  .thumb-img{
width: 200px;
}
.relatedcase-list-story .story  .story-img  .thumb-img a img {
     height: 180px;
   width: 200px;
}

.relatedcase-list-story .story  .story-img:hover .read-story  {
display: block;
background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;
}

.relatedcase-list-story .story  .story-img  .read-story {
top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
    color: #FFF;
    position: absolute;

}


.relatedcase-list-story .story  .story-img  .read-story  span{
    position: absolute;
    top: 110px;
    left: 60px;
    color: #FFF;
    font-size: 15px;
    font-weight: 600

}
.relatedcase-list-story .story  .story-img  .read-story  span a img{
width: 40px;
height: 40px;
position: relative;
bottom: 70px;
left: 20px;

}

.relatedcase-list-story .story  .story-img  .read-story  span .read {
position: absolute;
top: -36px;
left: -5px;
color: #FFF;
font-size: 13px;
font-weight: 600;
width: 120px;

}


.relatedcase-list-story .story  .story-content {
border-bottom: 0px solid #DDD;
background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;
position: relative;
height: 70px;
bottom: 70px;
width: 200px;
}
.relatedcase-list-story .story  .story-content .title {
    display: block;
    text-transform: none;
height: 30px;
font-size: 13px;
padding: 5px 5px 5px 5px;
}

.relatedcase-list-story .story  .story-content .title .link {
    font-size: 12px;
	color: white;
	    font-weight: 600;
		text-decoration: none;
}


.relatedcase-list-story .story  .story-content .short-content{
    color: white;
    line-height: 19px;
}

.relatedcase-list-story .story  .story-content .industries {
display: block;
text-transform: none;
height: 40px;
font-size: 13px;
padding: 5px 5px 5px 5px;
display: none;
}
.relatedcase-list-story .story  .story-content .industries a {
color: white;
    font-size: 11px;
	text-decoration: none;
	}
.relatedcase-list-story .story  .story-content .read-more {
font-size: 11px;
font-weight: 600;
text-decoration: none;
position: relative;
left: 110px;
text-decoration: none;
width: 100px;
top: 10px;
}
.relatedcase-list-story .story  .story-content .read-more  a {
position: absolute;
left: 30px
}

.relatedcase-list-story .story  .story-content .read-more:hover {
	text-decoration: none;
	}
	
.relatedcase-viewall{	
height: 30px;
text-align: center;
position: relative;
right: 5px;
}
.relatedcase-viewall a {
font-size: 13px;
font-weight: 600;
text-decoration: none;
color: rgba(0, 0, 0, 0.75);
font-size: 14px;
}

.left {font-size:14px;}