body.branding-marketing #hero .hero-bg { background-image: url(/static/cdgs/images/business/2023/branding-marketing/branding-marketing.png); min-height: 500px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.branding-marketing .hero { background-color: #2a2a2a; padding: 20px 0 20px;}
.branding-marketing .designers .well {background: #fff; height: 100%; padding: 30px 25px 40px;}
.branding-marketing a.btn-tertiary.btn-watch.btn-watch{background-image: url(/static/cdgs/images/business/2023/branding-marketing/play-circle.svg); text-align: left; background-position: left; background-repeat: no-repeat;padding: 12px 24px 12px 30px;}
.branding-marketing .btn-tertiary{color: #0067CB !important;}
.branding-marketing .btn-tertiary:hover, .branding-marketing .btn-tertiary:focus, .branding-marketing .btn-tertiary:active{border-color: transparent;outline: 0;outline-offset: 0;box-shadow: none;}
.branding-marketing a.btn-tertiary::after{filter: none; background-image: url(/static/cdgs/images/business/2023/branding-marketing/arrow-narrow-right.svg); bottom: -1px}
.branding-marketing a.btn-tertiary.btn-watch::after{background-image: none;}
.branding-marketing .resources img{border-radius: 10px}
.resources .btn {margin: 0;}
.additional-resources{ border-top: 1px solid #CBCBCB; margin-top: 40px; padding: 40px 0 60px;}
.additional-resources img{ width: 40px !important; margin-right: 12px}
.links{margin-left: 52px; margin-bottom: 15px;}
.links a{margin-bottom: 12px; display: inline-block;}
.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.icons-section {margin-bottom: 0;background: #EFEFEF;padding-bottom: 80px;}
.offer .license{display: inline-block}
.offer .card {padding: 40px 5px;}
.btn-offer {font-size: 16px;}
.offer-tab li.active .btn-offer {border: 2px solid #0067CB;padding: 16px 7px 16px; color: #000}
.btn-offer {border: 1px solid #424242;padding: 16px 10px 18px;}
.offer .card .card-subtitle {font-size: 18px;color: #000;}
.offer-tab {margin-top: 0;}
.offer .card-text {margin-top: 0;}
.offer .action .btn {margin-top: 30px;}
.card-header img{max-width: 30px}
.mar-10{margin: 10px 0;}
.navbar-white#sitenav .container {padding-right: 15px;}
body.responsive .intro img {border-radius: 10px;}
.intro {background: #EFEFEF; padding-bottom: 80px; }
.intro img {background: #fff;}
.sec-block {padding: 80px 0 60px;}
.resources .sec-block, .intro .sec-block, .icons-section .sec-block, .offer .sec-block{padding-bottom: 35px;}
.designers .sec-block{padding-bottom: 0;}
.designers .container:nth-child(2) .sec-block{padding-top: 35px;}
.no-margin{margin-bottom: 0}
.margin-bottom-0 {margin-bottom: 0 !important;}
.accordion-wrap {padding: 0 !important; position: relative; overflow: hidden;}
.accordion .tab-content {padding-bottom: 0 !important; height: auto;}
.accordion .title p, .accordion .title a { font-size: 16px }
.accordion .title a { color: #333; text-decoration: underline }
.accordion .title a:hover { color: #333; text-decoration: none }
.accordion .panel.panel-default { margin: 0; }
.accordion .panel-title { font-size: 17px; font-weight: 500; }
.accordion .panel { border: none; border-bottom: 1px solid #ccc; border-radius: 0 !important; box-shadow: none; background-color: transparent; font-size: 17px }
.accordion .panel:first-child { border-top: 1px solid #ccc; margin-top: 40px }
.accordion .panel-title a { color: #333; }
.accordion .panel-title {position: relative;padding-right: 25px;line-height: 1.5;}
.accordion .panel-title a::before { content: ""; border-radius: 50%; position: absolute; right: 5px; top: 13px; transition: .3s transform ease-in-out; font-weight: initial; transform: rotate(45deg); width: 22px; height: 22px; background: url("/static/cdgs/product_content/cdgs/2021/plus.png") #fff; background-size: 14px; background-position: 2px -7px; background-repeat: no-repeat; border: 2px solid #707070 }
.accordion .panel-title a.collapsed::before { transform: rotate(0deg); border: 2px solid #707070 }
.accordion .panel-body { font-size: 16px; border-top: 1px dotted rgba(0,0,0,.3); line-height: 1.5; padding: 5px 0 25px; letter-spacing: -0.2px }
.accordion .panel-title a { display: block; padding: 10px 0; }
.accordion .panel-heading { padding: 0; background: transparent }
.accordion .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top: none; }
.branding-marketing a.btn-tertiary.btn-watch.btn-watch{background-image: url(/static/cdgs/images/business/2023/sign-print/play-circle.svg); text-align: left; background-position: left; background-repeat: no-repeat;padding: 12px 24px 12px 30px;}
.accordion, .resources { padding-bottom: 80px; }
.vid-modal img { border-radius: 5px; }
@media (max-width: 767px) {
    .branding-marketing .hero { padding: 40px 0;}
    .designers .row, .flex-equal-height{display: block}
    .designers .well{flex-direction: column; margin-top: 20px}
    .resources .col-sm-4 a{margin-bottom: 40px;}
    .hero h1 {font-size: calc(1.375rem + 1.5vw);}
    .hero p {font-size: 16px;}
}
@media (min-width: 992px) {
    .accordion .title h2 { font-size: 42px; }
    .accordion.full-width .images { position: inherit; width: 100%; }
    .accordion.full-width .tab-content { width: 100%; height: 100%; position: absolute; z-index: 0; left: 0; top: 0; }
    .accordion.full-width .content { left: 0; top: 0; }
    .accordion.full-width.right .content { right: 0; top: 0; float: right }
    .accordion.full-width .tab-pane { height: 83%; width: 100%; background-size: cover; background-position: 50% 100%; background-repeat: no-repeat; margin-top: 10%; }
}

@media (min-width: 2200px) {
    .accordion.full-width .tab-pane { background-size: contain; }
    .accordion.full-width .bgSizeFreeTrials .tab-pane { background-size: cover; }
}
@media (max-width: 991px) {
.accordion .tab-pane { background-size: cover !important; background-repeat: no-repeat; background-position: 80% 0; min-height: 400px }
.accordion{ background-size: cover; background-repeat: no-repeat; background-position: 20% 0; }
.accordion .tab-pane img.gif-image { max-width: 320px; width: auto; margin-top: 50px; }
.accordion .panel-title a { font-weight: 500; }
}

@media (max-width: 767px) {	
.accordion.font-sm .title h2, .font-sm.title h2 { font-size: 26px; font-weight: 400; }
.accordion .tab-pane { min-height: 290px; }
.accordion-wrap { padding: 20px 0 60px; min-height: 500px }
.accordion-wrap .images { padding: 0 }
}