.hero{padding:100px 0 125px;background:url(/static/cdgs/images/pages/customer-stories/bg-hero.jpg) top no-repeat;background-size:cover;color:#fff}
.hero .emphasis{font-size:20px}
.hero .content{padding:0 120px}
.customer-stories{background:#f5f5f5; padding-bottom: 80px}
.category-nav{padding:40px 0}
.category-nav .nav-pills{text-align:center}
.category-nav .nav-pills li{display:inline-block;margin:0 15px;float:none;border-bottom:2px solid transparent}
.category-nav .nav-pills a{font-size:18px;color:#333}
.category-nav .nav-pills > li.active > a,.category-nav .nav-pills > li.active > a:focus,.category-nav .nav-pills > li.active > a:hover{color:#333;background:transparent; font-weight: 500}
.category-nav .nav-pills > li:hover,.category-nav .nav-pills li.active{border-bottom:2px solid #333}
.category-nav .nav>li>a:focus, .category-nav .nav>li>a:hover {background: transparent; border-radius: 0;}
.category-nav .nav-pills a{padding:10px 15px}
.category-nav-de .nav-pills a{padding:10px 12px}
.category-nav .nav-pills .active a{color:#333}
.category-item{display:flex;margin-bottom:30px}
.category-item .module{padding:0;width:100%;background:#fff}
.category-item .module:hover{border-radius:0;webkit-box-shadow:0 0 12px 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 12px 2px rgba(0,0,0,0.1);box-shadow:0 0 12px 2px rgba(0,0,0,0.1)}
.category-item .module a:hover,.category-item .module a:focus{text-decoration:none}
.category-item .module a{color:#333}
.category-content{padding:20px}
.category-content p{padding:0;margin-top:0;font-size:16px}
.category-content .category-name{color:#9b9b9b;text-transform:uppercase; font-size:12px}
.row.equal{display:flex;flex-wrap:wrap}
.action-content{padding: 80px 0; background-color: #fff}
.action-content h2{margin-bottom:20px}
.action-content .note{display:inline-block;margin-top:20px;font-size:12px}
.action-content .btn:first-child {margin-right: 12px;}
.vert-align-middle{display:inline-block;vertical-align:middle;float:none!important}
.print-banner{display:none}
/*play video*/
.videos {margin-top: 30px; border: 1px solid #efefef;}
a.video { display: block; position: relative; margin: 0; padding: 0;}
a.video span { width: 100%; height: 100%; position: absolute; background: url(/static/cdgs/product_content/cdgs/2020/play-icon.svg) no-repeat; background-position: 50% 50%; background-size: 15%; left: 0; opacity: .8; z-index: 10; transition: all .2s ease-in-out; }
a.video span { background-size: 15%;}
a.video:hover span { transform: scale(1); opacity: 1; background-size: 17%;}
p.more-customers {padding: 15px 0;}
.pdf-link a{font-size:12px;color:#333;text-decoration:underline;padding-left:5px;}
.pdf-link a:hover{text-decoration:none;}

@media (max-width: 767px) {
.hero{padding:30px 0 50px;background-position-x:right}
.hero .content{padding:0 15px}
.hero .emphasis{font-size:18px}
.category-nav .nav-pills li{width:200px;height:45px}
.category-nav .nav-pills a{font-size:16px}
.category-content p{font-size:16px}
.customer-stories{padding-bottom:50px}
.action-content{padding:0}
.nav-pills > li.active{background:#ddd;border:none}
.category-nav{padding:30px 0 20px}
.category-nav .nav-pills > li:hover,.category-nav .nav-pills li.active{border:none;color:#666;font-weight:600}
.image-holder.image-wrap {margin: 0 15px;}
}
@media (max-width: 400px) {
.hero .emphasis{font-size:16px}
.customer-stories{padding-bottom:20px}
.category-nav .nav-pills li{width:100%;margin:0}
.category-nav .nav-pills a{font-size:14px}
.category-nav .nav-pills > li:hover,.category-nav .nav-pills li.active{width:100%;margin:0}
.category-content p{font-size:14px}
.category-item{margin-bottom:20px}
}
.hero.hero-customer{padding:40px 0 60px;background:#fff;color:#333}
.hero.hero-customer .header-content{padding-right:50px}
.customer-content .main-content,.customer-content .info-content{margin-top:40px;background:#fff}
.customer-content .main-content{margin-right:20px;padding:10px 30px 40px;font-size:16px}
.customer-content .highlight-content{padding:15px 35px;font-size:24px;font-style:italic;font-weight:300;color:#888}
.customer-content .info-content{padding:20px}
.customer-content .info-content ul,.customer-content .info-content .action-content{padding:0 0 20px;margin:0 0 30px;border-bottom:1px solid #ddd;list-style:none}
.customer-content .info-content .action-content:last-child{border-bottom:none; margin-bottom: 0}
.customer-content .info-content li{margin-bottom:10px}
.customer-content .info-content img{width:50%}
.customer-content .info-content span{display:inline-block}
.info-content .info-title{margin-bottom:2px;font-size:12px;color:#a7a7a7}
.info-content .info-descr{font-size:14px}
.image-holder{padding:20px 35px 15px}
.header-image.image-quality img{width:75%}
.customer-content h3{font-size:18px}
.customer-content .action-content{padding:0}
.btn-large{padding:15px 30px;font-size:18px;white-space:normal}
.customer-content .note{margin-top:10px;font-size:12px;color:#7a7979}
.customer-info{position:sticky;top:-40px}
.print-customer-info{display:none}
.image-wrap{max-width:50%;width:50%}
.image-md {max-width: 70%;}
@media (max-width: 767px) {
.hero.hero-customer{padding:20px 0 30px}
.hero.hero-customer .header-content{padding-right:15px}
.image-holder{padding:20px 0 15px}
.customer-content .main-content{font-size:14px;margin-right:0}
.customer-content .highlight-content{padding:5px 15px;font-size:20px}
.customer-content ol,.customer-content ul{padding-left:50px}
.customer-info{position:unset}
}
@media (max-width: 400px) {
.customer-content .highlight-content{padding:10px;font-size:18px}
}
@media print {
*{margin:0;padding:0}
@page{size:A4 portrait;margin:15mm 0}
html,body{height:100%}
.customer-stories{padding-bottom:0!important;margin-bottom:0!important}
.customer-stories h1{font-size:26px}
.customer-stories h2{font-size:22px}
.customer-stories ul,.customer-stories ol{margin-bottom:0}
.customer-stories .hero .emphasis{font-size:16px}
.customer-stories .hero.hero-customer{padding:0}
.customer-stories .header-content{width:50%}
.customer-stories .header-image{width:50%}
.customer-stories aside.customer-info{display:none}
.print-banner{display:block; width: 100%; margin: 0 auto 1em; background-color: #000000 !important; color-adjust: exact !important;  -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; padding: .5em 0 .75em 16px; }
.print-banner img { max-width: 102px !important; }
.print-customer-info{padding:5px 0 20px 20px;display:block;width:32%;float:right}
.print-customer-info .info-content ul{padding-left:20px;border-bottom:none;border-left:1px solid #ddd}
.print-customer-info .info-content img{width:70%}
.print-hide{display:none}
.print-left{text-align: left;}
.print-break-before{page-break-before:always;}
.customer-stories .customer-content .main-content{margin:50px 0 0;padding:0}
.customer-stories .customer-content .info-content li{margin-bottom:5px}
.customer-stories .customer-content .image-holder{width:80%;margin:0 auto;padding:10px;display:block}
.customer-stories .customer-content .highlight-content{font-size:16px}
.customer-stories .action-content{display:none}
.customer-stories .info-content,.main-content{margin:0;padding:0}
.customer-stories .customer-content .info-content{margin:0;padding:0}
.image-wrap{max-width:40%!important;width:40%!important}
footer{display:none}
.main-content p:last-child{pmargin-bottom:0!important;margin-bottom:0!important}
#headersw{display:none}
.videos {width: 65%;}
}