/*new styles for pc*/


.readytousecopy-content .sampleContent{
    clear:both;
    width: 100%;
     height: 192px;
     border-radius: 5px;
     background-color: #f6f6f6;
     border: solid 1px #dcdcdc;
     display:block;
     overflow:hidden;
     padding:20px;
}
.imageplaceholder {
   margin-bottom: 20px;
   display: inline-block;
   float: left;
   margin-right: 20px;
   border: 3px solid #008378;
   width: 80px;
   height: 70px;
}
.sampleDownload{
   background: url(/sites/pc/image/download.png) 10% 50% no-repeat;
}
.readytousecopy-content .sampleButton.sampleDownload {
   /* float: right; */
   /* margin-top: 20px; */
   width: 192px;
   height: 48px;
   border-radius: 10px;
   background-color: #66a137;
   color: #ffffff;
   border:0px;
}
.asset-content-spacer {
   border-right: 1px solid #dddddd;
   /* line-height: 50%; */
   /* overflow: visible; */
   margin-top: 65px;
}

.banner-content .assetsWrap {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}

.container.assetlistings h2 {
   margin-bottom:20px;
   width:50%;
   display:inline-block;
}
.samplecopyAsset{
   margin: 0px 0 50px 0px;
   text-align: left;
   font-size: 16px;
   border-top: 1px solid #dddddd;
   padding-top: 20px;
   padding-right: 30px;
}
.assetlisting-sidebar {
   border-top: 1px solid #E4E4E4;
   padding-top: 20px;
   margin-bottom: 50px;
}

.assetlisting-sidebar a {
   display:block;
    font-size: 16px;
     font-weight: bold;
     font-style: normal;
     font-stretch: normal;
     line-height: 1.8;
     letter-spacing: normal;
     text-align: left;
     color: #008378;
     text-decoration:none;
}
.assetlisting-sidebar a:hover {
   text-decoration:underline;
}
.assetSizes {
   margin-top: 0px;
   padding: 20px;
   text-align:center;
   vertical-align:middle;
}

.assetDisclaimers {
   margin-top: 0px;
   /* width: 384px; */
   height: auto;
   /* font-family: MyriadPro; */
   font-size: 13px;
   font-weight: normal;
   font-style: normal;
   font-stretch: normal;
   /* line-height: 1.85; */
   letter-spacing: normal;
   text-align: left;
   color: #6c6c6c;
}
.assetDisclaimers .disclaimer {
   margin: 25px 0;
}
#choose-pdf .assetPDF {
	height:240px;
}
.assetSize, .assetPDF {
   max-width: 192px;
   min-width: 160px;
   width: 192px;
   height: 160px;
   border-radius: 5px;
   /* background-color: #008378; */
   /* box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.24); */
   background-color: #f6f6f6;
   box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.24);
   display: inline-block;
   margin-right: 16px;
   margin-left: 16px;
   margin-bottom: 32px;
   vertical-align: top;
   cursor:pointer;
   color: #006f60;
   position: relative;
}

.assetPDF{    
   height: 290px;  
}

.assetPDF img {
   height: 176px;
}

.choosePDFsection h3 {
   color: #454545;
   font-weight: 400;
   font-size: 18px;
   margin: 12px auto 32px;
   max-width: 70%;
   line-height: 24px;
}

.assetSize.active, .assetSize:hover, .assetPDF.active, .assetPDF:hover {
   background-color: #008378;
   color: #ffffff;
}

.assetsSection {
   clear:both;
   text-align:center;
   padding-bottom: 50px;
   margin-bottom:30px;
}

.assetIcon {
   position: relative;
   display:none;
   margin-left:23px;
   margin-bottom:20px;
   /*float:left;*/
   cursor:pointer;
   text-align: center;
   border:1px solid #E0E0E0;
   width:190px;
   height:150px;
   background-color: #FDFDFD;
   display:inline-block;
   
}

.assetsSection.colors, .assetsSection.assets, .assetsSection.embedcode {
   display:none;
   text-align:left;
}

.colorblock {
   width: 96px;
     height: 64px;
     border-radius: 5px;
     box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.24);
     background-color: #f6f6f6;
     box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.24);
     border: solid 1px #dcdcdc;
   position: relative;
}
ul li div.colorblock.colorblock_img img {
   width: 24px;
   height: 24px;
   border: none;
}

.colorblock.active, .colorblock:hover {
   border: solid 4px #008378;
   /*width: 100px;
     height:68px;*/
}
.assetsSection ul li .colorblock.active > img, .assetsSection ul li .colorblock:hover > img,
.assetsSection ul li .colorblock.active span, .assetsSection ul li .colorblock:hover span {
   margin-top: 15px;
}

.innerAssetSize.pdf{
   width: 136px;
   height: 176px;
   background-size: contain;
   margin: 30px auto 25px;
}

ul.imagecolorPicker {
   /* float: right; */
   /* margin: 12px 12px 0 0; */
   display: inline-block;
   /* position: relative; */
   top: -1px;
   width: auto;
   /*margin-left: 0px;*/
   padding-left: 0px;
}

div.button-colors ul.imagecolorPicker,
.assetsSection.assets .assetsWrap {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
}

ul.imagecolorPicker li, #choose-color li, #choose-color-pay li, #choose-color-apply-pay li,#choose-color-finance li {
   display: inline-block;
   /* margin-left: 7px; */
   width: fit-content;
   border-bottom: 0;
   cursor: pointer;
   margin-right: 32px;
   margin-bottom: 32px;
}

.controls {
   /* width: 95%; */
   /* max-width: 360px; */
   /* position: relative; */
   background-color: #328b7f;
   border-radius: 5px;
   margin-top: 10px;
   width: 100%;
   display: inline-block;
   text-align:center;
}
.controls ul.imagecolorPicker li span, .controls ul.imagecolorPicker li img, #choose-color .colorblock span, #choose-color-pay .colorblock span,  #choose-color-finance .colorblock span, #choose-color-apply-pay .colorblock span  {
   /* height: 20px; */
   /* width: 20px; */
   margin: 18px auto;
   border: 1px solid #999;
   cursor: pointer;
   width: 64px;
   height: 32px;
   display:block;
}

#choose-color-pay ul li .colorblock span img, #choose-color-apply-pay ul li .colorblock span img {
   display: block;
   margin: 5px auto;
}

#embed-codeblock{
   width: 640px;
     height: 160px;
     border-radius: 5px;
     background-color: #f6f6f6;
     border: solid 1px #dcdcdc;
    word-break: break-all;
    font-size: 16px;
   font-weight: normal;
   font-style: normal;
   font-stretch: normal;
   line-height: 1.5;
   letter-spacing: normal;
   text-align: left;
   color: #454545;
   padding:20px;
   margin-bottom:8px;
}

#embedded_calculator {
 margin: 20px auto;
}

.step{
   display: none;
}
.step.active{
   display: block;
   text-align:center;

}
#embed-codeblock-qr{
   display: flex;
   justify-content: center;
   flex-direction: column;
   padding-bottom: 20px;
}

#qrcode{
   display: inline-block;
}

#qrcode img{
   max-width: 40%;
   width: 40%;
   margin: 0 auto;
   background-color: #f6f6f6;
}

#embed-codeblock-qr img{
   display: block;
   width: 175px;
   margin: 20px auto;
}

.format-button.format-bottom{
   margin-right: 0px;
}

.format-bottom{
   margin-top: 20px;
}

@media screen and (min-width:1200px){

.format-right{
   margin-left: 10px;
}
.format-qr{
   margin-left: 10px;
}
}

div#copy-code-button, div#print-qr-button, #viewInsructions  {
   width: 208px;
   height: 48px;
   border-radius: 10px;
   background-color: #66a137;
   border: solid 2px transparent;
   font-size: 20px;
   padding: 12px;
   color: #ffffff;
   font-weight: 700;
   display: inline-block;
   margin: 10px;
   cursor: pointer;
   text-align: center;
}
div#copy-code-button:hover, div#print-qr-button:hover, #viewInsructions:hover  {
   background-color: #579526;
}
div#copy-code-button:active, div#print-qr-button:active, #viewInsructions:active  {
   background-color: #488617;
}
div#email-code-button, div#email-qr-button {
   width: 208px;
     height: 48px;
    border-radius: 10px;
     background-color: #ffffff;
     border: solid 2px #e4e4e4;
     font-size: 20px;
   padding: 12px;
   color: #008378;
   font-weight: 700;
   display: inline-block;
   margin: 10px;
   cursor: pointer;
   text-align: center;
}
div#email-code-button:hover, div#email-qr-button:hover {
   border: solid 2px #8ecdc8;
}
div#email-code-button:active, div#email-qr-button:active {
   border: solid 2px #63bdb5;
}
.innerAssetSize {
   background-color: #cccccc;
   display: block;
}
.innerAssetSize.active,
.assetSize.active .innerAssetSize,
.assetSize:hover .innerAssetSize {
   background-color: #ffffff;
  
}

.innerAssetSize._120x90 {
   width: 60px;
   height: 45px;
   
   margin: 40px auto 20px;
}

.innerAssetSize._125x125 {
   width: 50px;
   height: 50px;
  
   margin: 40px auto 20px;
}
.innerAssetSize._160x600 {
   width: 20px;
   height: 80px;
   
   margin: 20px auto 0px;
}

.innerAssetSize._200x200 {
   width: 60px;
   height: 60px;
   
   margin: 40px auto 20px;
}

.innerAssetSize._200x60 {
   width: 60px;
   height: 30px;
  
   margin: 40px auto 20px;
}

.innerAssetSize._300x250 {
   width: 65px;
   height: 60px;
  
   margin: 40px auto 20px;
}

.innerAssetSize._311x60 {
   width: 70px;
   height: 30px;
  
   margin: 40px auto 20px;
}

.innerAssetSize._372x48 {
   width: 80px;
   height: 20px;
  
   margin: 50px auto 20px;

}

.innerAssetSize._728x90 {
   width: 95px;
   height: 20px;
  
   margin: 60px auto 40px;
}

.innerAssetSize._311x60 {
   width: 70px;
   height: 30px;
  
   margin: 40px auto 20px;
}
.innerAssetSize._280x100 {
   width: 60px;
   height: 20px;

   margin: 40px auto 50px;
}
/* For story COCM-6430 */
.assetSection {
   text-align: left;
   margin-bottom: 30px;
}
.custom-link-sub-heading {
   font-size: 18px;
   line-height: 26px;
   color: #454545;
   font-weight: 700;
   max-width: 900px;
   margin-top: 20px;
   margin-bottom: 10px;
}
.custom-size-button {
   width: 90px;
   height: 35px;
   background-color: #fff;
   border: 1px solid #66a137;
   font-weight: bold;
   font-size: 12px;
   line-height: 20px;
   margin-right: 10px;
}
.custom-size-button:hover {
   text-decoration: none;
}
.custom-size-button.active, .custom-size-button:hover {
   background-color: #008378;
   color: #ffffff;
}
/*COCM-6471*/
.innerAssetSize._250x213 {
   width: 50px;
   height: 40px;
   margin: 40px auto 30px;
}
/*COCM-6471*/
/* For story COCM-6430 */
.innerAssetSize._350x213 {
   width: 70px;
   height: 40px;

   margin: 40px auto 30px;
}
.innerAssetSize._350x259 {
   width: 70px;
   height: 50px;
   
   margin: 40px auto 20px;
}
.innerAssetSize._333x123 {
   width: 80px;
   height: 30px;
   
   margin: 40px auto 20px;
}
.innerAssetSize._272x70 {
   width: 70px;
   height: 20px;
   
   margin: 40px auto 30px;
}

.innerAssetSize._326x232 {
   width: 60px;
   height: 40px;
   margin: 40px auto 30px;
}
.innerAssetSize._421x221 {
   width: 70px;
   height: 40px;
   
   margin: 40px auto 30px;
}
.innerAssetSize._420x183 {
   width: 70px;
   height: 30px;
   
   margin: 40px auto 30px;
}
.innerAssetSize._362x131 {
   width: 65px;
   height: 25px;
   
   margin: 40px auto 30px;
}

span.buttonDetails {
   display: block;
   /*width: 35px;
   margin: 120px auto;*/
   font-size: 16px;
   font-weight: bold;
   font-style: normal;
   font-stretch: normal;
   line-height: 1.75;
   letter-spacing: normal;
   text-align: center;
   
   margin-top: 20px
}

span.buttonDetails.active/*, span.buttonDetails:hover*/ {
    color: #ffffff;
}



h3.toolsTitle {

 height: 28px;
 font-size: 24px;
 font-weight: bold;
 font-style: normal;
 font-stretch: normal;
 line-height: 1.17;
 letter-spacing: normal;
 text-align: center;
 margin:0 auto 60px;
 color: #454545;
}

.readytousecopy-content h3.toolsTitle {
   text-align:left;
   width:50%;
   display:inline-block;
   margin-left:0px;
}

h4.sidebarTitle {
   font-size: 16px;
 font-weight: normal;
 font-style: italic;
 font-stretch: normal;
 line-height: 1.19;
 letter-spacing: normal;
 text-align: left;
 color: #454545;

}

.assetlistings .content {
   width: 100%;
   /* float: left; */
   margin-top: 60px;
   max-width: 550px;
}

/*end new styles*/

.selectedColorpicker {
   /*border: 3px solid black!important;*/
}

.assetlisting-content{
   padding-bottom:40px;
}
.content {
   width:360px;
   float:left;
   margin-top:20px;
}
#embedLinkModal {
   display:none;
   border-radius: 5px;
     background-color: rgb(255, 255, 255);
     z-index:99999;
     max-height: 85vh;
}

#embedLinkModal .content {
   /*min-width: 400px;
     min-height: 624px;*/
     width:100%;
     /*max-height: 650px;*/
     padding:0;
}

#embedLinkModal .content h2{
   color:#328b7f;
   font-size:28px;
   line-height:30px;
   margin-bottom:20px;
   max-width:700px;
   display:block;
   clear:left;
   margin-left:0px;
}

#embedLinkModal .content h3{
   color:#328b7f;
   font-size:16px;
   line-height:24px;
   margin-bottom:20px;
   max-width:480px;
   display:block;
   margin-top:0;
}

#embedLinkModal .close-icon {
   background-image:url(/adtoolkit/assets/pages/assets/close-icon.png);
   width: 17px;
   height: 17px;
   float:right;
   cursor:pointer;
}

#embedLinkModal .content ul li{
   list-style:disc!important;
   margin-left:20px;
   margin-top:10px;
}
#embedLinkModal .content ul li ul{
   list-style:circle!important;
   margin-left:20px;
   margin-top:10px;
}
#embedLinkModal .content li{
   
   font-size:16px;
   line-height:30px;
   line-height:24px;
   max-width:520px;
   margin-bottom:30px;

}

.popupcontent, .popupTitle {
   margin-left:20px;
}
/* modal layout for 300x250 image size*/
#embedLinkModal .content.square .popup_instructions {
   width:100%;
   margin-top:20px;
}

#embedLinkModal .content.square .popup_Img {
   float:left;
   width:190px;
   height:150px;
   line-height:144px;
   border: 1px solid #D4D4D4;
   text-align: center;
}
#embedLinkModal .content.square .popup_Img::after{
   vertical-align: middle;
   content:"\00a0";
}
@-moz-document url-prefix() { 
 #embedLinkModal .content.square .popup_Img::after{
       vertical-align: middle;
   content:"\00a0";
   }
}
#embedLinkModal .content.square .popup_Img.videoAsset{
   width:100%;
   height:225px;
}
#embedLinkModal .content.square .popup_Img img{
   vertical-align: middle;
   max-height:100%;
   max-width: 100%;
}
#embedLinkModal .content.square .popup_Variations {
   float: right;
   width: 250px;
   text-align: left;
}

#embedLinkModal .content .popup_embedCode {
   word-wrap: break-word;
   max-width:295px;
   width: 95%;
   border-width: 1px;
   border-color: rgb(204, 204, 204);
   border-style: solid;
   border-radius: 5px;
   background-color: rgb(247, 247, 247);
   padding:10px;
   margin-left:20px;
   float:left;
    font-size: 11px;
  
}

#embedLinkModal .content .popup_embedCode.videoAsset{
   width:100%;
   margin:20px 0;
   max-width:none;
}

#embedLinkModal .content.wide .popup_embedCode {
   padding:10px;
   margin-bottom:20px;
   margin-left:0;
   width:100%;
   max-width:none;
   border-width: 1px;
   border-color: rgb(204, 204, 204);
   border-style: solid;
   border-radius: 5px;
   background-color: rgb(247, 247, 247);
   font-size: 11px;
}

#embedLinkModal .content.long .popup_embedCode {
   width:60%;
   padding:10px;
   margin-bottom:20px;
   margin-left:20px;
   float:right;
   border-width: 1px;
   border-color: rgb(204, 204, 204);
   border-style: solid;
   border-radius: 5px;
   background-color: rgb(247, 247, 247);
   font-size: 11px;

}
#embedLinkModal .content .clearThis {
   clear:both;
}

/* modal layout for 160x600 image size*/

#embedLinkModal .content.long .popup_instructions {
   float:right;
    text-align: left;
    width:60%;
}

#embedLinkModal .content.long .popup_Img {
   float:left;
   width:35%;
}

#embedLinkModal .content.long .popup_Variations {
   float:right;
    text-align: left;
    width:400px;
    display:none;
}

#embedLinkModal .content.long .clearThis {
   clear:none;
}

/* modal layout for 728x90 image size*/

#embedLinkModal .content.wide .popup_instructions {
   width:100%;
}

#embedLinkModal .content.wide .popup_Img {
   
   max-width:580px;
}
#embedLinkModal .content.wide .popup_Img img{
   
   width:580px;
   height:auto;
}
#embedLinkModal .content.wide .popup_Variations {
  
      width:100%;
   text-align: left;
   margin-top:20px;
}

#embedLinkModal .content.wide .clearThis {
   
}

ul.bannerembedinstructions {
   margin-bottom:20px;
}
ul.bannerembedinstructions li {
   margin-bottom:0!important;
   margin-top:0!important;
   line-height:24px!important;
   list-style: none;
}
ul.bannerembedinstructions li strong{
   display:block;
}


.logo-content ul.imagecolorPicker {
   
 top: 10px;
   
}


.controls.color li img {

   cursor:pointer;
}

.placementImg {
   
   float:left;
}
.tutorials-copy{
   display:none;
}

.assetIcon::after {
   vertical-align: middle;
   content:"\00a0";
   margin:-2px;
}
.assetIcon .videoDescription{
   line-height: normal;
   text-align: left;
   color:#454545;
 margin:15px 0;
}
.assetIcon[data-icontext="tutorials"]{
   width:285px;
   height:auto;
   float:none;
   vertical-align: top;
   border:none;
   background:transparent;
}
.assetIcon[data-icontext="tutorials"]::after{
   content:"";
}
.assetIcon[data-icontext="tutorials"] img{
   border:1px solid #454545;
}
@-moz-document url-prefix() { 
   .assetIcon::after {
       vertical-align: middle;
   content:"\00a0";
   }
}
.button-content .assetIcon, .video-content .assetIcon { 
   
   line-height: 144px;
}
.logo-content .assetIcon{
    line-height: 144px;
    margin-bottom:50px;
}
.logo-content .assetIcon .sizeLabel{
    top:0;
    margin-top:160px;
    line-height: 1;
}
.assetIconLarge {
   width:auto;
   height:auto;
   background-color: transparent;
   border:0;
}
.assetPayCalc{
   position: relative;
   margin-left:23px;
   margin-bottom:40px;
   display:none;
}

.assetPayCalc img{
   display:block;
}

.assetIcon img {
   max-width:98%;
   max-height:100%;
   display: inline-block;
   vertical-align: middle;
   object-position: top;
}

.assetIconTall img {
   /* max-height:400px; - commented for customlinks lifestyle tall banner*/
   min-width: 130px;
   object-position: top;
   object-fit: cover;
}

.assetIcons {
   width:640px;
   margin-top:20px;
   float:left;
}

.button-content .assetIcons{
   margin-top:-145px;
   /*margin-top:-65px;*/
}
.banner-content .assetIcons{
   margin-top:-65px;
}
.paymentcalculator-content .assetIcons, .video-content .assetIcons {
   margin-top:-65px;
}

.logo-content .assetIcons {
   margin-top:-140px;
}

.logo-content .logoGroupHeader {

   clear:both;
}
.assetIconsWrap {
   width:100%;
   margin:0 auto;
}




a.title.accordian {
   font-size: 16px;
   font-weight: bold;
   color: #008378;
   padding: 20px 0;
   transition: all 250ms;
   display: block;
   line-height: 32px;
   padding-left: 0px;
   /*48px overriding providercenter*/
}
a.title.accordian.active {
   color: #454545;
}
.accordian-arrow {
   float: left;
   width: 32px;
   height: 32px;
   border: solid 2px #e4e4e4;
   border-radius: 50%;
   background-image: url('/sites/pc/image/chevron-right-008378.svg');
   background-size: 9px;
   background-repeat: no-repeat;
   background-position: 60%;
   transition: all 250ms;
   margin-right: 16px;
   margin-left: -48px;
}
.active > .accordian-arrow {
   border: solid 4px #78c339;
   transform: rotate(90deg);
   background-image: url('/sites/pc/image/chevron-right-454545.svg');
}
.accordiancontainer {
   border-top: 1px solid #dddddd;
}
.accordiancontainer:last-child {
   border-bottom: 1px solid #dddddd;
}
.accordian-body {
   font-size: 16px;
   color: #454545;
   padding: 12px 0 40px 47px;
}
.accordian-body ul {
   margin: 0;
   padding-left: 16px;
   line-height: 24px;
}
.accordian-body ul:not(:last-child) {
   margin-bottom: 30px;
}
.accordian-body li:not(:first-child) {
   margin-top: 30px;
}
.accordian-body img {
   max-width: 100%;
}
.accordian-body p,
.accordian-body h4 {
   margin-top: 0;
}
.accordian-body *:last-child {
   margin-bottom: 0;
}


.content-header {
   width:100%;
   margin-bottom:40px;
   position:relative;
}

.controls.text {
   margin-top:40px;
}

.controls.color, .controls.text {
   background-color: #fff;
  /* border-radius: 5px;
   border-color:#328b7f;
   border-width:1px;
   border-style:solid;*/
   
}

.controls.color span, .controls.text span {
   color: #328b7f;
}

.controls span{
   color: #ffffff;
   font-weight: bold;
   display: inline-block;
   margin: 18px 0px 18px 25px;
   font-size: 22px;
}
.controls .dk_container{
   float:right;
   margin:12px 12px 0 0;
   display:inline-block;
}



.content h1{
   font-size:42px;
   line-height:46px;
   color:#328b7f;
   margin-bottom:40px;
   clear: left;
}

.content h1.long{
   font-size:42px;
   line-height:50px;
   max-width:590px;	
}

.content h1 strong{
   display:block;
   font-size:36px;
   line-height:36px;
   color:#454545;	
}

.content-header h2{
   color:#328b7f;
   font-size:36px;
   line-height:36px;
   margin-bottom:20px;
   max-width:700px;
   display:block;
   margin-left:0px;
}

.content h3{
   color:#328b7f;
   font-size:16px;
   line-height:24px;
   margin-bottom:20px;
   max-width:480px;
   display:block;
   margin-top:50px;
}

.content p{
   font-size:16px;
   line-height:24px;
   /* max-width:480px; */
   display:block;
   margin-bottom:30px;
   color: #454545;
}

.accordiancontainer .accordian-body {
   margin-left: 0;
}

p.additionalInfo {

   margin-bottom:15px!important;
}
.content a, p a{
   color:#00ac9d;
   text-decoration: none;
}
.content a:hover, p a:hover{
   text-decoration: underline;
}

.content-header hr {
   position:relative;
   background-color:#00ac9d;
   border-top:1px solid #00ac9d;
   border-top:1px solid #00ac9d;
   height:1px;
   width:100%;
}

select::after {
   clear:all;
}

.didyouknow {
   /*max-width: 640px;
   margin-top: 20px;
   float: right;
   text-align: right;
   width: 100%;*/
   display:none;
}
/*.didyouknow_btn {
   /*background-image:url(/adtoolkit/assets/pages/assets/questionButton.png);
   background-size:cover;
   background-color:none;
   background-repeat:no-repeat;
   border:0;
   max-width: 619px;
   height: 58px;
   cursor:pointer;
   background-color:#00ac9d;
   font-size:16px;
   font-weight: bold;
   color:white;
   border-radius: 5px;
   width:100%;
   
}

.didyouknow_btn span{
   padding-left: 30px;
   background: url('/adtoolkit/assets/core/images/question.png') 0 0 no-repeat;
   line-height: 25px;
   display: inline-block;
}

.didyouknow_container {
   display:none;
   background-color: rgb(0, 172, 157);
   max-width: 620px;
     height: 312px;
     width:100%;
     position:relative;
     bottom:312px;
     margin-bottom:-312px;
   float: right;
   z-index: 999;
   text-align: center;
     border-radius: 5px;
}

.didyouknow_container .didyouknow_content {

   background-color: rgb(50, 139, 127);
   max-width: 530px;
     height: 176px;
     margin:30px auto 20px auto;
     color: #fff;
     border-radius: 5px;
     width:95%;
}

.didyouknow_nav_button {
   background-image:url(/adtoolkit/assets/core/images/info_button.png);
   width:20px;
   height:20px;
   margin:0 10px;
   background-size: contain;
   background-repeat:no-repeat;
   float:left;
   cursor:pointer;
}
.didyouknow_nav_button.active {
   background-image:url(/adtoolkit/assets/core/images/info_button_active.png);
}

.didyouknow_nav {
   margin: 0 auto;
   display: inline-block;

}

.didyouknow_container .close_button {
   position: absolute;
   right:0;
   background-image: url(/adtoolkit/assets/pages/assets/close_icon_white.png);
   background-size:contain;
   width:12px;
   height:12px;
   background-repeat:no-repeat;
   margin: 10px 10px 0;
   cursor:pointer;

}*/

.promobuilder_btn {
   border: 0;
   max-width: 300px;
   height: 58px;
   cursor: pointer;
   background-color: #7ac143;
   font-size: 22px;
   font-weight: bold;
   border-radius: 5px;
   width: 100%;
   padding: 13px 35px 15px 20px;
   margin-bottom: 20px;
   color: #fff!important;
   background-image: url(/assets/core/images/nav-arrow.png);
   background-repeat: no-repeat;
   background-position: center right 15px;

}
.promobuilder_ol{
   padding-left:14px;
   font-weight: bold;
}
.promobuilder_ol li{
   margin-top:10px;
}
.promobuilder_ol li span{
   font-weight: normal;
}
.promobuilder_ol li p{
   font-weight: normal;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {

   display:none;
}

.ui-button-text {
   display:block;
}

/*dk select list style*/


.dk_toggle.dk_label {
   width:100px !important;
}

.dk_container {

   display: block;
   float: right;
   margin-top: -60px;
   width: 100px;
   background-color: #FFF;
   font-family: "myriad-pro", sans-serif;
   font-size: 16px;
   font-weight: bold;
   margin-bottom: 18px;
   height: 44px;
   /* margin-right: 20px; */
   border-radius: 5px;
   position: relative;
   top: -1px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   width: 100px;
}

.dk_container.wordpicker {

   width: 150px;

}

.dk_options {

   width:100px;
}

.dk_container.wordpicker .dk_options {
   width:150px;
}

.dk_container.wordpicker .dk_toggle.dk_label {
   width:150px!important;
}
.dk_container.wordpicker.disabled .dk_toggle.dk_label{
   background:transparent;
}


.didyouknow_content_text > div {
   display:none;
   text-align:left;

}

.didyouknow_content_title {
   content: "Did you know?";
   font-weight:600;
   color: #fff;
   margin-top:15px;
   font-size: 18px;
   line-height: 24px;
   display: inline-block;
   padding-left: 35px;
   background: url('/adtoolkit/assets/core/images/question.png') 0 0 no-repeat;

}

.didyouknow_content_title:before {
   background-image:url();
   float:left;
}


.didyouknow_content_text > div > h4, .didyouknow_content_text > div > p {

   padding:20px 20px 0 20px;
}

.ui-widget-overlay.custom-overlay
{
   background-color: #333;
   background-image: none;
   opacity: 0.9;
   z-index: 1040;
   position: fixed;    
}

.overlay {
 top:0;
 left:0;
 opacity: 0;
 display:inline-block;
 position: absolute;
 background: rgba(0, 0, 0, 0.8);
 overflow: hidden;
 transition: all 0.5s;
 height:100%;
 width:100%;
 text-align:center;
 color:white;
 cursor:pointer;
 line-height: normal;
}

.overlay .embedHeader{
   margin-top: 32px;
   margin-bottom: 5px;
   line-height: 40px;
   padding-left: 50px;
   display: inline-block;
   font-size: 21px;
   font-weight: bold;
   background: url('/sites/pc/image/embed.png') 0 0 no-repeat;
}
.assetIconWide .overlay .embedHeader{
   margin-top: 6px;
}
.video-content .overlay p{
   margin-top:25px;
}
.assetIcon.hover .overlay, .assetPayCalc.hover .overlay{
   opacity:1;
}
.assetIcon[data-icontext="tutorials"].hover .overlay{
background: url("/adtoolkit/assets/core/images/play_hover.png") no-repeat center 42px;
}
.assetIcon[data-icontext="tutorials"] .overlay{
opacity: 1;
background: url("/adtoolkit/assets/core/images/play_green.png") no-repeat center 42px;
background-size:60px;
transition:none;
}
.assetIcon[data-icontext="tutorials"] .overlay img{
   display: none;
}
.sizeLabel{
   position: absolute;
   font-size: 20px;
 font-weight: bold;
 color: #328b7f;
}


/************** Samplecopy styles ***********************/



.samplecopyAsset h3{
   margin:20px 0 25px 15px;
}
.samplecopyAsset p{
   margin:0 0 20px 15px;
}
.samplecopyAsset > p{
   margin-left: 0;
}
.samplecopyAsset .sampleLabel{
   font-size: 24px;
   width: 100%;
   padding: 10px 15px;
   color: white;
   background-color: #328b7f;
   position: absolute;
   bottom: 0;
   font-weight: bold;

}

.sampleSubLabel {
   display:block;
   font-size:18px;
}
.samplecopyAsset#pmpwebsitecopy .sampleLabel,.samplecopyAsset#pmpstatementcopy .sampleLabel {
   background-color:#7ac143;
}

.samplecopyAsset#pmpstatementcopy .sampleContent img {
   width:100%;
   margin:0;
}

.approvedcopy-content .sampleContent{
 width: 50%;
 float: right;
 height: 100%;
}


.approvedcopy-content .sampleLabel{
 float: right;
 width: 50%;
 height: 100%;
}  
.readytousecopy-content .sampleLabel{
 float: right;
 width: 50%;
 height: 100%;
}  

.approvedcopy-content .sampleLabel h5{
 margin-top: -1em;
 margin-left: 20px;
}
.readytousecopy-content .sampleLabel h5{
 margin-top: -1em;
 margin-left: 20px;
}

.sampleOverlay{

   width: 100%;
   height: 70%;
   
   position: absolute;
   top: 0;
   left: 0;
   background-color: rgba(0,0,0,0.7);
   color: white;
   text-align: center;
   display:none;
   
   /* Extra content */
   float: right;
   width: 50%;
   margin-left: 50%;
   height: 100%;
   
}

.approvedcopy-content .sampleOverlay{
 /*Manually overriding this for approved copy.
   width: 100%;
   height: 70%;*/
   width: 50%;
   height: 100%;
   margin-left: 50%;
   /* End of approved copy modification */
   
   position: absolute;
   top: 0;
   left: 0;
   background-color: rgba(0,0,0,0.7);
   color: white;
   text-align: center;
   display:none;
   
   /* Extra content */
   float: right;
   width: 50%;
   margin-left: 50%;
   height: 100%;
   
}
.readytousecopy-content .sampleOverlay{
 /*Manually overriding this for approved copy.
   width: 100%;
   height: 70%;*/
   width: 50%;
   height: 100%;
   margin-left: 50%;
   /* End of approved copy modification */
   
   position: absolute;
   top: 0;
   left: 0;
   background-color: rgba(0,0,0,0.7);
   color: white;
   text-align: center;
   display:none;
   
   /* Extra content */
   float: right;
   width: 50%;
   margin-left: 50%;
   height: 100%;
   
}
.sampleButton{
   font-size: 24px;
   margin: 85px 15px 0;
   display: inline-block;
   font-weight: bold;
   padding-left: 50px;
   cursor:pointer;
   line-height: 40px;
}

.sampleButton.sampleDownload {
   margin:0;
   float:right;
}
.samplecopyAsset .sampleButton.sampleDownload {
   margin: 50px 0 20px;
   position:relative;
}

/* For approved-copy pages */
.approvedcopy-content .sampleButton.sampleDownload {
 float: left;
   
   margin-top: 1em;
}


.sampleButton:hover{
   text-decoration: underline;
}

.samplePreview{
   background:url('/adtoolkit/assets/pages/assets/preview-icon.png') 0 0 no-repeat;
}
.samplecopyDialog #embedLinkModal .content h3{
   color:black;
}
.samplecopyDialog #embedLinkModal .content p a{
   color:#00ac9d;
   text-decoration: none;
}
.samplecopyDialog #embedLinkModal .content p a:hover{
   text-decoration: underline;
}
.samplecopyDialog #embedLinkModal .content p.disclaimer{
   font-style: italic;
}
.disclaimer small{
   color:#999;
}
.disclaimer small a{
   color:#00ac9d;
   text-decoration: none;
}


.leftsection{
   width:32%;
   display: inline-block;
   padding-bottom:25px;
   min-height: 400px;
}
.rightsection{
   display: inline-block;
   width:68%;
   border-left:1px solid #d1d2d3;
   padding-left:20px;
   padding-bottom:25px;
   min-height: 400px;
}
.bottomsection{
   padding:25px 0 40px;
   margin-top:25px;
   border-top:1px solid #d1d2d3;
}
.asset-container{
   width:300px;
   height:250px;
   padding-right:20px;
   margin-bottom:40px;
   text-align: center;
}
.asset-container img{
   max-width:98%;
   max-height:100%;
   vertical-align: middle; 
}
.asset-container::after{
   content:"\00a0";
   vertical-align:middle;
   height: 100%;
   display: inline-block;
}
.header-link{
   display: block;
   position:absolute;
   top:10px;
   right:10px;
   color:#00ac9d;
   font-weight:bold;
   text-decoration: none;
}
.header-link:hover{
   text-decoration: underline;
}
#assetlisting-embed h3{
   color:#328b7f;
   font-size:22px;
   line-height:24px;
   margin-bottom:25px;
   max-width:480px;
   display:block;
   margin-top:0;
}
#assetlisting-embed  .bottomsection h3{
   font-size:18px;
   margin:0 0 25px 0;
}
#embed-select input{
   visibility: hidden;
   position: absolute;
}
#embed-select label {
   display: block;
   position: relative;
   cursor:pointer;
}
#embed-select label span{
   padding:10px 0 10px 80px;
   display: inline-block;
   font-weight:bold;
}
#embed-select label .check{
   display: block;
 position: absolute;
 background-color: #00ac9d;
 border-radius: 100%;
 height: 25px;
 width: 25px;
 top:5px;
 left:20px;
 z-index: 5;
 transition: border .25s linear;
 -webkit-transition: border .25s linear;
}
#embed-select label .check::before{
     display: block;
   position: absolute;
   content: '';
   border-radius: 100%;
   height: 11px;
   width: 11px;
   top: 7px;
   left: 7px;
   margin: auto;
   transition: background 0.25s linear;
   -webkit-transition: background 0.25s linear;
}

#embed-select label input[type=radio]:checked ~ .check::before{
   background: rgb(255,255,255);
   box-sizing: content-box;
 }
.embed-description{
    padding:5px 0 0 80px;
    margin-bottom:60px;
}
#embed-code p{
    margin:0 0 20px 0;
}

.embed-tooltip-contents{
   position: absolute;
 left: -119%;
 text-decoration: none;
 top: -80px;
 text-align: center;
 color: white;
 background-color: #9a9a9a;
 width: 280px;
 padding: 5px;
 border-radius: 5px;
 box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.1);
 display: none;
}
.embed-tooltip-contents::after{
    content: "\00a0";
 width: 0;
 height: 0;
 border-left: 6px solid transparent;
 border-right: 6px solid transparent;
 border-top: 6px solid #9a9a9a;
 bottom: -6px;
 left: 134px;
 position: absolute;
}
.embed-tooltip:hover .embed-tooltip-contents{
    display: block;
}
#embed-code h4{
    margin:40px 0 5px 40px;
    font-style: italic;
}


#copy-code-button{
    margin:0 0 25px 40px;
}
#embed-code p.embed-note{
    margin:0 0 40px 40px;
}
#email-form{
    margin:40px 0 40px 40px;
}
#email-form label{
    display:inline-block;
    margin:15px 20px 0 0;
 max-width: 275px;
 width:100%;
}
#email-form label span{
    display:block;
    margin:10px 0;
}
#email-form input{
    padding:15px 20px;
    border-radius:5px;
    border:1px solid #d1d2d3;
    width:95%;
}
#email-form input.invalid{
    border:1px solid #FF0000;
}
#email-form input.invalid::placeholder {
    color: #FF0000;
}
#email-form h4 .required-note{
    display: inline-block;
    color:#999;
    font-style: italic;
    margin-left:20px;
    font-weight:normal;
}
#email-form hr{
    margin:30px 0;
    border:none;
    border-bottom:1px solid #d1d2d3;
}
#email-form .row .button{
    margin:25px 10px 0 0;
   min-height:0px;
   line-height:35px;
   background-color: white;
   color: #008378;
   border: solid 2px #63bdb5;
}
#email-form .row .button.disabled{
    /*background: url(/sites/pc/image/button-disabled.png) no-repeat;*/
   color:white;
   border:none;
   background-color: #807f7e;
}
#email-subject{
    margin:15px 0 40px 0;
}
#email-form .email-text{
    font-style:italic;
    margin:30px 0 15px 0;
}
#email-form textarea ~ .email-text{
   margin-top: 15px;
}
#email-form textarea{
    width:95%;
    min-height: 100px;
    resize:none;
    font-family: 'myriad-pro',sans-serif;
    border:1px solid #d1d2d3;
    border-radius: 5px;
    padding:15px 20px;
}
.button.button-medium{
    width:auto!important;
    min-width:165px;
    padding:0 15px;
}

.selected-check {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   border: solid 4px #78c339;
   background-color: #ffffff;
   position: absolute;
   background-image: url(/sites/pc/image/checkmark-rounded-454545.svg);
   background-repeat: no-repeat;
   background-size: 18px;
   background-position: 7px;
   right: -14px;
   bottom: -14px;
   opacity: 0;
   transition: opacity 250ms;
}
.active .selected-check {
   opacity: 1;
}
.colorblock .selected-check {
   right: -18px;
   bottom: -18px;
}
.assetIcon .selected-check, .assetPayCalc .selected-check {
   z-index: 10;
}
.container.embed-email-container {
   width: 100%;
   color: #454545;
   padding: 0px 35px 50px;
}
.container.embed-email-container #email-form,
.container.embed-email-container .row {
   margin: 0;
}
.container.embed-email-container h3 {
   font-size: 42px;
   font-weight: 300;
}
.container.embed-email-container h4 {
   font-size: 18px;
   margin-bottom: 0;
   margin-top: 35px;
}
.container.embed-email-container h4 .required-note {
   font-size: 16px;
}
.container.embed-email-container #email-subject {
   margin-bottom: 0;
}
.container.embed-email-container .button {
   border-radius: 10px;
   background-color: #66a137;
   display: inline-block;
   color: white;
   font-weight: bold;
   text-align: center;
   min-height: 48px;
   line-height: 48px;
   font-size: 19px;
   min-width: 165px;
   cursor: pointer;
}
.container.embed-email-container .button:hover {
   background-color: #579526;
}
.container.embed-email-container .button:active {
   background-color: #488617;
}
.container.embed-email-container #embed-success {
   text-align: center;
   margin-top: 20vh;
}
.container.embed-email-container .email-send-container {
   display: flex;
}
.container.embed-email-container .email-send-container #email-send-err {
   flex-grow: 1;
   margin: 0 16px;
   align-self: center;
   color: #de0101;
}

.readytousecopy-content .sampleContent {
   overflow-y: scroll;
}

@media only screen and (max-width: 1000px) {
   .content{
       width:auto;
       float:none;
   }
   .accordian-body ul{
       max-width:480px;
   }
   .assetIcon{
       float:none;
       margin-right:23px;
   }
   .assetIcons, .button-content .assetIcons, .banner-content .assetIcons, .paymentcalculator-content .assetIcons, .video-content .assetIcons{
       float:none;
       width:auto;
       margin-top:20px;
   }
   .didyouknow{
       float:none;
       margin:20px auto;
       text-align: center;
   }
   .didyouknow_btn {
       width:90%;
   }
   .samplecopyAsset{
       margin:40px auto;
       float:none;
   }
   .leftsection,.rightsection{
       width:100%;
       display: block;
       border:none;
       min-height: auto;
   }
   .leftsection{
       border-bottom:1px solid #d1d2d3;
   }
   .rightsection{
       margin-top:25px;
   }
 .header-link{
     top:65px;
 }
   .sectioncontent{
       padding-left:20px;
       padding-right:20px;
   }
   .asset-container{
       float: left;
   }
   #assetlisting-embed h3{
       margin-top:15px;
   }

}
@media only screen and (max-width: 1000px) and (min-width: 760px){
 .customApplyPage .assetIconsWrap, .customPayPage .assetIconsWrap{
   position: relative;
   top: 150px;
 }
}
@media only screen and (max-width: 991px) {
   .customlink-container > .row > div,
   .responsive-col-full {
       width: 100%;
   }
   .asset-content-spacer.resp-content-spacer {
       border-right: none;
   }
   span.desktop-only {
       display: none;
   }
   .samplecopyAsset {
       padding-right: 0;
   }
   .container.embed-email-container .email-send-container {
       flex-direction: column;
   }
   .container.embed-email-container .email-send-container #email-send-err {
       margin: 16px 0 0;
   }
}
@media only screen and (max-width: 760px) {
   .content-header h2, .controls{
       margin-left:20px;
   }
   .didyouknow_container {
       width:95%;
       float:none;
       margin:0 auto;
   }
}
@media only screen and (max-width: 640px) {
   .header-link{
       position: static;
       margin-left:20px;
   }
   #embed-code h4, #copy-code-button, #embed-codeblock, #embed-code p.embed-note, #email-form{
       margin-left:20px;
   }
}

@media only screen and (max-width: 580px) {
   #embedLinkModal .content .popup_embedCode{
       width:50%;
   }
}

@media only screen and (max-width: 540px) {
   #embedLinkModal .content .popup_embedCode{
       width: 95%;
       margin: 10px auto;
       float: none;
       max-width: none;
   }
   #embedLinkModal .content.square .popup_Img{
       float: none;
       margin-left:10px;
   }
   #embedLinkModal .content.long .popup_Img{
       float:none;
       margin:10px auto;
   }
   #embedLinkModal .content.long .popup_embedCode{
       float:none;
       margin:10px auto 20px;
       width:95%;
   }
   #embedLinkModal .content.long .popup_instructions{
       float:none;
       width:auto;
   }
   .asset-container{
       float:none;
   }
}


@media only screen and (max-width: 480px) {
   .assetIcons{
       text-align:center;
   }
   .sampleButton{
       margin:54px auto 0;
       display:block;
       width: 180px;
   }
   .samplePreview{
       margin-top:15px;
   }
   .readytousecopy-content .sampleContent {
       margin-top: 110px;
   }
   .samplecopyAsset .sampleButton.sampleDownload {
       position: absolute;
   }
   div.assets-mobile-only a.title.accordian {
       padding-left: 45px;
       position: relative;
   }
   div.assets-mobile-only .accordian-arrow {
       position: absolute;
       left: 0;
       top: 22%;
   }

   #calc-container {
       overflow-x: scroll;
   }
}
@media only screen and (max-width: 360px) {
   .controls.color span{
       font-size:18px;
   }
   ul.imagecolorPicker{
       margin-top:9px;
   }
}

@media only screen and (max-width: 320px) {
   .controls span{
       margin-left:10px;
   }
   .dk_container{
       margin-top: 0;
   }
   .controls{
       margin-left:10px;
       width:90%;
   }
   .content{
       margin-top:50px;
   }
   .content-header h2{
       margin-left:10px;
   }

   #embedLinkModal .content {
         max-height: 450px;
         margin:20px 0 0 0;
         padding:0;
   }
}
.cardimage-content .assetsWrap {
   text-align: center;
}

.customlink-container .sidebar p {
   max-width: 520px;
}
.format-options > div {
   max-width: 350px;
}

.choose-link h2 {
   line-height: 1.2;
}
@media (max-width: 650px){
   .assetsSection .format-options > div {
       width: 100%;
       margin: 20px 0;
   }

   .customlink-container .col-xs-8.col-sm-16.main-content {
       width: 100%;
   }
   
   .customlink-container .col-xs-4.col-sm-16.sidebar {
       width: 100%;
   }
   
   .choose-link-options {
       display: flex;
       flex-direction: column-reverse;
       margin-bottom: 0;
       padding-top: 16px;
   }

   .choose-link-options .choose-apply-link {
       margin:  0;
       width:  100%;
       border-bottom: 1px solid #ddd;
       padding: 32px 0px;
       border-right: none;
   }
   
   .choose-link-options .choose-pay-link {
       width:  100%;
       padding-left: 0;
       padding-bottom: 40px;
       border-bottom: 1px solid #ddd;
   }
   .choose-pay-link {
       margin-top: 25px;
   }
   
   section.choose-link {
       margin-top: 30px;
   }
}

.choose-link-options .example-link {
   font-size: 15px;
   font-style: italic;
   white-space: pre-wrap;
   white-space: -moz-pre-wrap;
   white-space: -pre-wrap;
   white-space: -o-pre-wrap;
   word-wrap: break-word;
}

.customlink-container .format-options .example-link {
   font-size: 15px;
   font-style: italic;
   white-space: pre-wrap;
   white-space: -moz-pre-wrap;
   white-space: -pre-wrap;
   white-space: -o-pre-wrap;
   word-wrap: break-word;
}

/*.choose-link-options img {
   max-width: 80%;
}*/

.customlink-container .format-button img {
   max-width: 80%;
}

@media screen and (max-width:1300px) and (min-width:700px){
   #email-form .row .button{
       min-width:33%;
   }
}
@media screen and (max-width:1400px) and (min-width:1100px){
   #email-form .row .button{
       min-width:28%;
   }
}

@media screen and (max-width:699px){
   #email-form .row .button{
       min-width: 90%;
       margin: 25px auto 0px auto;
   }
}

@media screen and (max-width:350px){
   #email-form .row .button{
       min-width:93%;
   }
}


.customlink-container .asset-content-spacer.resp-content-spacer{
   margin-top: 0px !important;
}


/*.customlink-container .customlink-pdf a{
   background-color: #E4E4E4;
   width: 50px;
   height: 50px;
   border-radius: 50%;
   display: inline-block;
   vertical-align: top;
   position: relative;
}

.customlink-container .customlink-pdf a img{
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
}
*/

.customlink-pdf img.customlink-pdf-img{
   width:200px;
}


.customlink-pdf{
   margin-top: 0;
}

/**Online Payment**/

.sampleDownload-btn{
   width: 192px;
   height: 48px;
   border-radius: 10px;
   color: #ffffff;
   border: 0px;
   margin: 50px 0 20px;
   position: relative;
   background: url(/sites/pc/image/download.png) 10% 50% no-repeat;
   background-color: #66a137;
   float: right;
   display: inline-block;
   font-weight: bold;
   padding-left: 60px;
   cursor: pointer;
   line-height: 50px;
   font-size: 24px;
}

.sampleDownload-btn:hover{
   text-decoration: underline;
}

@media(min-width:1220px) and (max-width:1439px){
#email-form .email-rec-label{
   max-width:47%;
   width:47%;
}   
}

@media(min-width:1440px){
   #email-form .email-rec-label{
       max-width:47.35%;
       width:47.35%;
   }
   }
   

@media(min-width:768px) and (max-width:1219px){
   #email-form .email-rec-label{
   max-width:100%;
   width:100%;
}
}

.heading-pdf{
   padding-bottom:20px;
   width: 200px;
   text-align: center;
   padding-left: 20px;
   font-size: 15px;
}

/* COCM-4803 changes*/
.hs-navi-Size, .hs-navi-PDF {
   max-width: 192px;
   width: 100%;
   height: auto;
   border-radius: 5px;
   background-color: #f6f6f6;
   box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.24);
   display: inline-block;
   margin-right: 16px;
   margin-left: 46px;
   margin-bottom: 32px;
   vertical-align: top;
   cursor:pointer;
   color: #006f60;
   position: relative;
}

.innerNaviSize {
   /*background-color: #cccccc;*/
   display: block;
   width: 136px;
   height: 176px;
   background-size: contain;
   margin: 30px auto 25px;
}
.innerNaviImg {
  display: block;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
}
.hs-navi-PDF img {
   height: 176px;
}
.hs-navi-Size.active, .hs-navi-Size:hover, .hs-navi-PDF.active, .hs-navi-PDF:hover {
   background-color: #008378;
   color: #ffffff;
}
.naviPDF-URL {
	color:#6EBF4A;
	text-decoration: underline;
	text-align: -webkit-center;
}