/* General */
body.home #main .two-col-body .row.group{border-bottom: 2px solid #ccc;}
/* body.home #main .two-col-body:nth-child(4) .row.group{padding-bottom: 8rem !important;} */
body.home #main .two-col-body:last-child .row.group{border-bottom: none;}
body.home #main .two-col-body:nth-child(4) .row.group{border-bottom:none;}

.utility-container .search input{-webkit-appearance: none; border-radius: 0;}

.general-body .two-col{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.general-body .two-col .column{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex:1 1 47.72881%;flex:1 1 47.72881%;-ms-flex-direction:column;flex-direction:column;padding:1.5625rem 2.8125rem;}

.general-body .four-col{-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.general-body .four-col .column{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex:1 1 23.72881%;flex:1 1 23.72881%;-ms-flex-direction:column; flex-direction:column; padding: 0;}

button[type="hidden"]{display: none !important;}

article.oops{padding: 8rem;}
.article-container.group{background: #fff !important;}

.pull-right{float: right !important;}
.pull-left{float: left !important;}
.pad-right{margin-right: 30px; margin-bottom: 15px;}
.img-fluid{max-width: 100%;}
span.caption.text-center{line-height: 2rem;}

.flex-container{display: flex;}
.flex{display: flex; width: 100%; overflow: hidden; align-content: space-around; justify-content: space-around; margin: 50px 0px;}
.flex-item{flex: 1 1 0; margin: 20px;}

.flex-item img.img-fluid{margin: auto; box-shadow: 0px 3px 6px #000; max-height: 550px;}

.entry ul li, .entry ol li{line-height: 2rem; font-size: 1.125em;}
.entry ul li ul{margin: 0;}
.entry ul li ul li{font-size: 1em;}
.entry a.btn{border: 2px solid orange; padding: 1rem 3rem;}
.entry p img.img-responsive, .entry p img.img-fluid{height: auto !important; min-height: 20px !important; min-width: 20px !important; max-width: 100% !important;}
.entry .columns.three-col .column p img.img-responsive{width: 100% !important;}
.entry p img.border{border: 2px solid #000 !important; padding: 20px !important; margin: 20px !important;}
.entry p img.pull-right{float: right !important; margin-left: 30px; max-width: 400px !important;}
.entry p img.pull-left{float: left !important; margin-right: 30px; max-width: 400px !important;}
.entry p span.image-caption{display: block; text-align: center; font-size: 0.85rem; line-height: 1.2rem; font-weight: bold; margin-bottom: 0px; padding-bottom: 0px;}
.entry p span.grey-box{display: block; background-color: #cecece; border: 2px solid #444; padding: 30px; font-size: 1.13em; color: #000;}

.entry p img.ninja{height: 400px !important; width: 400px !important; float: right !important; transform: rotate(5deg) !important;}

span.caption{display: block; padding: 0rem 4rem; font-size: 1rem; line-height: 0.85rem;}
.text-center{text-align: center !important;}

.video-cta{padding-bottom: 4rem;}
.video-cta img{border-radius: 8px; margin-top: -10px;}

/* PCI Page */
.page-id-92 .general-body .two-col{margin-top: -20px; margin-bottom: -20px;}
.page-id-92 .general-body .two-col .column{display: inline-block;}
.page-id-92 .general-body .two-col .column:first-child{padding-left: 0 !important; -ms-flex:1 1 51.72881%;flex:1 1 51.72881%;}
.page-id-92 .general-body .two-col .column:nth-child(2){-ms-flex:1 1 15.72881%;flex:1 1 15.72881%; padding: 0px; text-align: center;}

.pci, .video-caption{font-size: 1.3rem; padding-top: 1.2rem;}

.video-caption h2 small{color: #999; font-size: 80%; text-transform: uppercase;}

.entry p img.pci-aws{width: 200px !important; height: 133px !important; margin-top: -20px;}
.entry p img.pci-aws-ms{width: 350px !important; height: 315px !important;}
.entry p img.pci-aws-cat{width: 300px !important; height: 37px !important; margin-top: 20%;}

/* ZTO Page */
.zto-sph{font-size: 1.2rem; line-height: 1.3rem;}
.zto-sph a{color: #ffa600;}
.zto-cta{width: 60%; margin-bottom: 40px;}
.zto-sidebar, .zto-cta{border-radius: 9px;}
.zto-sidebar{width: 33%; float: right; margin-left: 80px; margin-bottom: 40px; font-size: 14px; border: 3px solid #0064b9; color: #0064b9;}
.zto-sidebar ul{padding: 0px; margin: 0px; font-style: italic;}
.zto-sidebar li{padding: 20px 40px; margin: 0px; transition: all 0.4s ease-in-out;}
.zto-sidebar li:first-child{padding-top: 30px;}
.zto-sidebar li:last-child{padding-bottom: 30px;}
.zto-sidebar li:hover{background-color: #0064b9; color: #fff; transition: all 0.4s ease-in-out;}
.zto-sidebar ul li::before{content: none;}
.zto-cta{background-color: #0064b9; padding: 40px; color: #fff;}
.zto-cta h3{margin-top: -20px; margin-bottom: 0px; color: #fff; font-size: 28px;}
.zto-cta ul li{font-size: 21px; transition: margin 0.4s ease-in-out;}
.zto-cta ul li::before{content: "— "; background-color: transparent; top: 2px; left: -20px;}
p.zto-lead{font-size: 24px;}
img.zto-lg{width: 400px; max-width: 100%; margin: 30px auto; display: block;}
img.zto-sm{margin-right: 20px; margin-bottom: 15px;}

iframe.responsive-frame{outline: none !important; border: none !important; min-height: 385px; height: auto;}

.contact-us-block .gform_wrapper .gform_body{min-height: 130px;}
.contact-us-block .gform_wrapper .gform_footer{float: none; width: 100% !important; display: block;}
.contact-us-block .gform_wrapper .gform_footer .gform_button{display: block; width: 300px; margin: 0 auto !important; left: 0; right: 0;}

.meta-container .author p{line-height: 2.5rem;}

.main-footer .the-company ul li{display: block; margin: 0; padding: 0;}
.main-footer .the-company ul li a{margin: 0; padding: 8px 0px;}

/* DRaaS Page */
.cta-box{
  display: flex;
  margin-top: 36px;
  justify-content: center;
  align-items: center;
  background: #0064b9;
  padding: 36px;
  color: #fff;
}
.cta-box .content{padding: 24px; flex: 1 2 auto;}
.cta-box .content p:first-child{margin-bottom: 40px;}
.cta-box .content a{border: 3px solid orange; border-radius: 24px; padding: 12px 24px; transition: all 0.4s;}
.cta-box .content a:hover{background-color: orange; color: #fff; transition: all 0.4s;}

ol.smol{font-size: 13px;}

/* Cookie Consent */
.cookie-message {
  padding: 10px;
  max-width: 100%;
}

.cookie-consent{
  width: auto;
  position: fixed;
  z-index: 9999;
  color: #fff;
  height: auto;
  bottom: -600px;
  line-height: 2.5;
  border-top: 3px solid #eee;
  border-right: 3px solid #eee;
  background: #0064b9;
  transition: bottom 0.4s ease, background 0.3s ease;
  text-align: center;
  border-top-right-radius: 12px;
  font-size: small;
}
.cookie-consent a{
  color: #fff;
  text-decoration: underline;
}
.cookie-consent a:hover{
  cursor: pointer;
}
.cookie-consent a.btn{
text-decoration: none;
text-align: center;
color: #fff;
font-size: small;
padding: 6px 9px;
background-color: #1AA833;
border-radius: 12px;
}
.cookie-consent.accept {
  transition: bottom 1s ease, background 0.3s ease;
}
.cookie-consent.accept {
  background: green;
}

.cookie-consent.up{
  bottom: 0px;
  transition: bottom 0.4s ease;
}

/* Articles */
.categories-block.alt li{flex: 0 0 14.6%; margin: 0 10px;}
.categories-block.alt li:first-child{margin-left: 0px;}
.categories-block.alt a{width: 100%;}

.article-list .row a.article{display: inline-block; border: 3px solid #ffffff; padding: 20px; margin: 20px; margin-right: 0px; width: calc(50% - 52px); vertical-align: top; color: #aaa; transition: all 0.5s ease;}
.article-list .row a.article:nth-child(odd){margin-left: 0px;}
.article-list .row a.article img{float: right; width: auto; height: auto; max-width: 180px; max-height: 50px; margin: 20px; margin-top: 0px; margin-right: 0px;}
.article-list .row a.article h2{font-size: 2rem; margin-top: 10px; margin-bottom: 10px; max-width: 75%; color: #0064b9;}
.article-list .row a.article:hover{color: #0064b9; border-color: #0064b9; transition: all 0.5s ease;}

/* ServiceNow Page */
.sn-cta, .bluebox{background-color: #0064b9; padding: 40px; color: #fff; margin-bottom: 40px;}
.bluebox{margin-top: 24px;}
.general-body .bluebox ul li::before{background-color: #fff;}
.sn-cta h2{font-size: 21px;}
img.ninjas{max-width: 400px; width: 400px;}

/* HCAF Avengers Page */
.page-id-8389 #subpage-header.subpage-header{background-size: cover; background-repeat: no-repeat;}
.hero-profile .hero-image{max-width: 100%;}
.hero-profile .hero-content h2{font-size: 2em;}
.hero-profile .hero-content p{font-size: 1em;}
.hero-profile .hero-content p.cta a{background-color: #0064b9; border-radius: 50px; color: #fff; display: inline-block; letter-spacing: .1em; padding: .625rem 1.25rem; text-align: center; text-transform: uppercase;}
.continued{display: none; max-width: 720px; margin-left: auto; margin-right: auto; background-size: cover; background-position: center top;}
.continued p{font-size: 1.125em; line-height: 2; margin-bottom: 1em;}
.continued h3{font-size: 2.125em; margin-bottom: 20px;}

/* Key Man Page */
.clearfix{clear: both;}
.page-id-8456 .cta-box .image{flex: 1 0 auto;}

/* HCAF Page */
.hcaf-preamble{margin-bottom: -20px;}
.hcaf-preamble strong span{font-size: 18px;}
.hcaf-preamble a{border: 1px solid #0064b9; display: block; text-align: center; padding-bottom: 12px; margin-top: 3.125rem; font-size: 14px;}
.hcaf-preamble a span{display: block; text-transform: uppercase;}
.hcaf-preamble img{border-bottom: 2px solid #0064b9;}

/* GenBody CTA for 4col center */
.gb-left{text-align: right; padding-right: 20px; border-right: 3px solid #000;font-size: 16px;}
.gb-right{text-align: left; padding-left: 20px;font-size: 18px;}

.ctabtn a{background-color:#0064b9;border-radius:25px;color:#fff;display:inline-block;font-family: 'Work Sans', sans-serif;font-weight:700;letter-spacing:.1em;padding:.625rem 0;text-align:center;text-transform:uppercase;width:280px}




@media screen and (min-width: 1024px){
  .sn-cta{width: 60%;}
  .flex-sn{display: flex; align-items: flex-start;}
  .flex-sn .nobox, .flex-sn .bluebox{flex: 1 0 auto; width: 33%;}
  .nobox{margin-right: 24px;}
  .bluebox{margin-left: 24px; box-sizing: border-box;}
  img.ninjas{float: right; margin-left: 10px; margin-bottom: 20px; max-width: 600px; width: 600px;}
  .hero-profile{display: flex; align-items: center;}
  .hero-profile .hero-image{width: 400px; flex: 1 0 auto; margin-right: 80px;}
  .continued{display: none; max-width: 1024px;}
  .fancybox-slide .continued{padding: 64px;}
  .hcaf-preamble{display: flex;}
  .hcaf-preamble .col.one{flex: 1 1 66.10169%; margin-right: 3.125rem;}
  .hcaf-preamble .col.two{flex: 1 1 32.20339%;}
  .hcaf-preamble strong span{font-size: 32px;}
  .hcaf-preamble a{margin-top: 0;}
}

@media screen and (min-width: 1280px){
.zto-cta ul li:hover{margin-left: 15px; transition: margin 0.4s ease-in-out;}
.hero-profile .hero-content h2{font-size: 3em;}
.hero-profile .hero-content p{font-size: 1.3em;}
}

@media screen and (min-width: 1366px){
  img.ninjas{max-width: 750px; width: 750px;}
}

@media screen and (max-width: 1366px){
.entry p img.pci-aws{margin-top: 0px;}
.article-list .row a.article{width: calc(50% - 42px);}
.hcaf-preamble a span{font-size: 12px;}
}

@media screen and (max-width: 1280px){
.entry p img.pci-aws{margin-top: 40px;}
}

@media screen and (max-width: 1024px){
.entry p img.ninja{height: 300px !important; width: 300px !important;}
.entry p img.pull-right{max-width: 300px !important;}
.entry p img.pull-left{max-width: 300px !important;}
.zto-cta img{width: 150px;}
.article-list .row a.article{width: 100%; margin: 15px 0;}
.categories-block.alt li{flex: 0 0 16.66%; margin: 0;}
.categories-block.alt a{width: 100%;}
}

@media screen and (max-width: 768px){
.entry ul li, .entry ol li{line-height: 2rem; font-size: 0.875em;}
.entry p img.pull-right, .entry p img.pull-left{float: none; display: block; margin: 10px 0px; max-width: 100% !important; width: 100% !important;}
span.caption{padding: 0rem 2rem; font-size: 0.775em; line-height: 1.2rem;}

.general-body .two-col{display: block !important;}
.general-body .two-col .column{display: block !important; width: 100% !important;}
.general-body .four-col{display: block !important;}
.general-body .four-col .column{display: block !important; width: 100% !important;}

.page-id-92 .general-body .two-col .column:nth-child(2){text-align: center;}
.page-id-92 .general-body .two-col .column:nth-child(2) p, .page-id-92 .general-body .two-col .column:nth-child(2) span.image-caption{display: inline-block;}
.page-id-92 .general-body .two-col .column:nth-child(2) span.image-caption{vertical-align: top; margin-right: 40px; margin-top: 20px;}

.entry p span.image-caption{margin-bottom: 30px;}

.entry p img.pci-aws-cat{width: 300px !important; height: 37px !important; margin-top: 0;}

.subpage-preamble .row{display: block;}
.subpage-preamble .row .component{flex: none;}
.page-id-7929 .subpage-preamble{padding-top: 0px;}
.page-id-7929 .subpage-preamble .row .icon.component svg{width: 300px;}

.cta-box{
  display: flex;
  flex-direction: column;
}

ol.smol{font-size: 21px;}

.zto-cta{width: 100%; margin-bottom: 40px;}
.zto-cta img{width: 120px; margin-top: 20%;}
.zto-sidebar, .zto-cta{border-radius: 9px;}
.zto-sidebar{width: 100%; float: none; display: block; margin-left: 0px; margin-bottom: 40px; font-size: 14px; border: 3px solid #0064b9; color: #0064b9;}

.zto-sidebar li{padding: 15px 30px; margin: 0px; transition: all 0.4s ease-in-out; line-height: 18px !important;}
.zto-sidebar li:first-child{padding-top: 20px;}
.zto-sidebar li:last-child{padding-bottom: 20px;}
.gb-left{text-align: center; padding-bottom: 20px; font-size: 16px; border-right: 0px; padding-right: 0px;}	
.gb-right{text-align: center; padding-left: 0px;font-size: 18px;}	
}

@media screen and (max-width: 600px){
.flex-container, .flex{height: auto; display: block;}
.flex-item{flex: 0 0 auto; display: block;}
.categories-block .row .categories li a{height: 100%;}
.cookie-consent.up, .cookie-policy.up {
  bottom: 120px;
  transition: bottom 0.4s ease;
  border-bottom: 3px solid #eee;
  border-bottom-right-radius: 12px;
}
iframe.responsive-frame{min-height: 250px;}
.hcaf-preamble{font-size: 16px;}
}

@media screen and (max-width: 576px){

.page-id-92 .general-body .two-col .column:nth-child(2) p, .page-id-92 .general-body .two-col .column:nth-child(2) span.image-caption{display: block;}
.page-id-92 .general-body .two-col .column:nth-child(2) span.image-caption{margin-right: 0px;}
.entry p img.pci-aws{margin-top: 0px;}

}

.grecaptcha-badge{opacity: 0 !important;}

@media screen and (min-width: 1440px){
  .hcaf-preamble strong span{font-size: 48px;}
}

#field_3_1, #field_3_2 {
  /* max-width: 100% !important; */
  padding-right: 16px;
}

/* Hide Recaptcha */
#field_3_7 {
  display: none !important;
}

#gform_3 div.validation_error {
  border: 2px solid #790000 !important;
  padding: 16px!important;
  margin: 0;
  width: calc(100% - 17px) !important;
}

.gform_wrapper .field_description_below .gfield_description {
  padding-top:0 !important;
}

.gfield_error.gfield_contains_required .ginput_complex .name_first, .gfield_error.gfield_contains_required .ginput_complex .name_last {
  margin-bottom: 0 !important;
}

div.ginput_container_name span {
  padding-right: 20px !important;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  padding-right: 0 !important;
}

@media screen and (max-width: 599px) {
  div.ginput_container_name span, #field_3_1, #field_3_2 {
    padding-right: 0 !important;
  }
}

#gform_fields_1 {
  justify-content: center;
}

#gform_1 {
  text-align: center;
}

#gform_1 div.validation_error {
  color: #ffc119 !important;
  border: 2px solid #ffc119 !important;
  padding: 16px !important;
  margin: 0 auto !important;
  display: inline-block !important;
  width: auto !important;
}

#gform_1 li.gfield.gfield_error {
  background-color: rgba(255,223,224,0) !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

#gform_1 .validation_message {
  text-align: left;
  color: #ffc119 !important;
}

#gform_wrapper_1 li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
  border: 2px solid #ffc119 !important;
}

#gform_wrapper_3 li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  border: 2px solid #C89797 !important;
  padding: 0 10px !important;
  margin-bottom: 18px !important;
}

.gf-confirmation-message {
  color: #0064b9;
  border: 2px solid #0064b9;
  padding: 20px 50px;
  margin-top: 40px;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight: bold;
}

.gf-confirmation-message-alt {
  color: #FFFFFF;
  padding: 20px 50px;
  border: 2px solid #FFFFFF;
  margin-top: 10px;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight: bold;
}

@media screen and (max-width: 999px) {
  .contact-us-block .gform_wrapper .gform_body {
    min-height: 160px;
  }
  .contact-us-block .gform_footer {
    margin-top: 0 !important;
  }
  .gform_wrapper ul.gform_fields li.gfield.gfield_error+li.gfield.gfield_error {
    margin-top: 5px !important;
  }
}
.bg-section {
  background:#2b64a4 url(https://www.cdillc.com/wp-content/uploads/2020/02/bg-breakup-integrator.jpg);
  background-size:cover;
  background-position:center center;
padding: 3.75rem 0;
}
.bg-section .row:first-child {padding-bottom:0;}
.bg-section .row:last-child {padding:0;}
.bg-section h2 {
color:#fdeb7b;
font-size:1.875em;
font-weight:700;
line-height:2.25rem;
font-family:Roboto,Helvetica,Arial,sans-serif;
text-align:center;
margin:0 auto;
}
.bg-section.two-col-body img {margin:0;padding:0;}
.bg-section a {color:#FFFFFF;text-decoration:underline;}
.bg-section p, .bg-section li {
color:#FFFFFF;
font-size:1.125em;
font-family: 'Work Sans', sans-serif;
font-weight:300;
line-height:1.4em;
}
.bg-section li {list-style:none;}
.bg-section li::before {
content: "•"; 
color: #FFFFFF;
display: inline-block; 
width: 1em;
margin-left: -1em;
}
.bg-section .row.title-block {padding:0;}
.bg-section ul {padding-left:1.1em;margin-top:1em;}
.bg-section .column.cc1 p {padding:0;margin:0;}
.bg-section .column.cc2 {padding-left:2rem;padding-right:1rem;}

@media screen and (min-width: 62.5em) {
.bg-section .column.cc1 {padding:0 3.25rem;}
}
@media screen and (max-width: 62.5em) {
  .bg-section .row:last-child {padding:0 1em;}
  .bg-section .column.cc1 {padding:0;}
  .bg-section {
    background:#2b64a4 url(bg-breakup-integrator.jpg);
    background-size:cover;
    background-position:bottom center;
  padding: 3.75rem 0;
  }
}

.cta-announcement {
  background:#cecece;
  color: #272727;
  padding: 3.75rem 0;
  text-align: center
}

.cta-announcement h2 {    
  font-family: Roboto,Helvetica,Arial,sans-serif;
    font-size: 1.875em;
    font-weight: 500;
    line-height: 1.8125rem;
  text-transform: uppercase;
  text-align:left;
  margin-top:0;
  padding-top:0;
}

.cta-announcement p {
  margin-top: 1em;
  text-align:left;
}


@media screen and (max-width: 62.5em) {	
  .cta-announcement .ctabtn {text-align:center;}
}
@media screen and (min-width: 768px) {
  .cta-announcement img, .cta-announcement .entry p img.pull-left {
    margin:0 75px 0 55px;
    padding-bottom:25px;
  }		
}
@media screen and (max-width: 768px) {
  .cta-announcement img, .cta-announcement .entry p img.pull-left {
    padding:0 5em;
    margin:0;
  }			
  .cta-announcement h2 {    
    text-align:center;
  }
  
  .cta-announcement p {
    text-align:center;
  }
}

@media screen and (min-width: 37.5em) {
  .page-id-44 .general-body .video-container .video-feed article {
    flex:0 0 49.8%;
    padding-left:.625rem;
    padding-right:.625rem;
  }
}	
.page-id-44 .general-body .one-aside aside {
  border:none !important;
  margin-top:0 !important;
  padding:0 !important;
}
.page-id-44 .general-body .one-aside aside h2 {margin-bottom:25px;}
.page-id-44 .general-body .one-aside aside hr {margin:20px 0px;}
.bx-aside {
  border: 3px solid #0064b9;
  border-radius: 18px;
  -ms-flex: 1 1 32.20339%;
  flex: 1 1 32.20339%;
  margin-bottom: 3.125rem;
  padding: 1.5625rem;
}
.bx-aside.bx-dark {
  background-color: #0064b9;
  color: #fff;
  border-radius: 9px;
}
.page-id-44 .general-body .video-container .video-feed article a {
  color:#0064b9;
  text-decoration:none;
  font-weight:400;
}
.page-id-44 .general-body .video-container .video-feed article h2 {
  font-family: 'Work Sans', sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.875rem;
  padding: 1em .625rem 0;
  text-transform: uppercase;		
  margin:0;
}
.page-id-44 .general-body .video-container .video-feed article h3 {font-size:1.25em;font-weight:700;line-height:1.5;}
.page-id-44 .general-body .video-container .video-feed article p {
  font-size:1.125em;
  line-height:1.5;
  font-weight:400;
  margin:1em 0 0;
}
@media screen and (min-width: 1000px) {
  .page-id-44 .general-body .video-container .video-feed article:nth-child(1) {
    padding-left:0;
  }
  .page-id-44 .general-body .video-container .video-feed article:nth-child(2) {
    padding-right:0;
  }
}
@media screen and (max-width: 1000px) {
  .bx-aside:first-child {
    margin-top: 3.125rem !important;
  }
  .page-id-44 .general-body .one-aside .body {margin-right:0;}
}
.page-id-44 .general-body .one-aside .body h2.hdr-sub {
  margin-top:2rem;
  font-family: 'Work Sans', sans-serif;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 2;
  color: #0064b9;
}