.icon-checkcircle {
    position: relative;
    padding-left: 32px;
    margin-top: 4px;
}
.icon-checkcircle::before {
    color: #208a3d;
    position: absolute;
    left: 0;
    top: 7px;
}

/* feature graphic */
#feature-wrapper {margin-top: 60px;}
#feature-wrapper.d10.image-text .column-flex:first-child { background-image: url(/it-pros/images/feature-graphic.jpg); background-size: cover;}
#feature-wrapper.d10.image-text .column-flex .column-content p { color: #fff; }
#feature-wrapper.d10.image-text .column-flex .column-content p.slight { margin-bottom: 16px; }
@media only screen and (min-width: 1200px) {
  #feature-wrapper.d10.image-text .column-flex:last-child .column-content { max-width: 450px;} 
}
@media only screen and (max-width: 1068px) {
  #feature-wrapper {margin-top: 48px;}
}

#built-for-it .img-build-it { height: 100%; width: 100%; }
#built-for-it a strong { color: #208a3d; }
#built-for-it a:hover strong{ color: #2da14a; }
@media only screen and (min-width: 1442px){
	#built-for-it .section-width { width: 1200px; }
}
@media only screen and (min-width: 1069px) and (max-width: 1441px) {
    #built-for-it .section-width { width: 90%; }
}
@media only screen and (max-width: 1068px) {
    #built-for-it .img-build-it { margin-bottom: 24px; }
}

#quote { overflow: hidden;
    position: relative; }
#quote blockquote {
    font-size: 32px;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 32px;
    quotes: "\201C""\201D""\2018""\2019";
    text-align: center;
    font-family: "SF Pro Display",Helvetica,Arial,sans-serif;
}
#quote figcaption {text-align: center;}
#quote cite { font-size: 18px; line-height: 24px; font-weight: 600; margin-bottom: 24px; }
#quote cite span {font-weight: 300; display:block;}
#quote blockquote:before {content: open-quote;}
#quote blockquote:after {content: close-quote;}
#quote svg.shape2 {
    bottom: -50px;
    position: absolute;
    left: 50%;
    margin-left: 300px;
}
#quote svg.shape2 .g1{transform: translate(10px, 171px)}
#quote svg.shape2 .semicircle{transform: rotate(290deg); fill: #f6ce51;}
#quote svg.shape2 .arc {transform: rotate(-20deg) translate(30px, -100px); fill:none; stroke:#333; stroke-width:4px;}
/* MEDIUM SCREENS */
@media only screen and (max-width: 1068px) {
  #quote svg.shape2 {margin-left: auto;left: auto;right: 5%;}
}

#it-requirements .d11 .column.column-2 .img { height: 350px; }
#it-requirements .d11 .column.column-2 .img.img-requirement1 { background-image: url(/it-pros/images/img-security.jpg); }
#it-requirements .d11 .column.column-2 .img.img-requirement2 { background-image: url(/it-pros/images/img-automation.jpg); }
#it-requirements .d11 .column.column-2 .img.img-requirement3 { background-image: url(/it-pros/images/img-administration.jpg); }
#it-requirements .d11 .column.column-2 .img.img-requirement4 { background-image: url(/it-pros/images/img-deployment.jpg); }
#it-requirements .d11 .d11-text .d11-header { color: #111; font-size: 28px; line-height: 32px; font-family: "SF Pro Display",Helvetica,Arial,sans-serif;}
#it-requirements .callout { text-align: left; min-height: 250px; margin-top: 24px; }
#it-requirements .callout .h6 { margin-bottom: 16px; }

#claris-platform .section { padding-top: 0px; }
#claris-platform .img-claris-platform { width:100%; height: 100%; }

/* MEDIUM SCREENS (SPECIFIC) */
@media only screen and (min-width: 736px) and (max-width:1068px) {
  #it-requirements .d11 .d11-text .d11-header { font-size: 24px; line-height: 28px; }
}
 
/* SMALL SCREENS */
@media only screen and (max-width: 735px) {
  #it-requirements .d11 .d11-text .d11-header { font-size: 20px; line-height: 24px; }
}


/* Why Claris */
#why-claris.dark { background-color: #212A43; }
#why-claris.dark .sh2 p { color:#fff; }
#why-claris .stats {padding: 24px 16px; text-align: center;}
#why-claris .stats .h3 {color: #17aacf; margin-bottom: 24px;}

#resources-training h3 { margin-bottom: 8px; }
#resources-training h3.h6 a { color: #208a3d; }
#resources-training h3.h6 a:hover { color: #2da14a; }
#resources-training .column-content { width: 80%; margin: 0 auto; }
@media only screen and (max-width: 735px) {
    #resources-training .column-content { text-align: center; width: 100%; margin-bottom: 40px; }
    #resources-training  .xl-lg-m-two-column-wrap .column-2 { width: 100%; }
}

#next-steps { background-image: url(/it-pros/images/img-next-steps.jpg); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;}
#next-steps .d4-text { align-items: center; }
#next-steps h3 { margin-bottom: 16px; }
#next-steps p { margin-bottom: 24px; }
@media only screen and (min-width: 735px) and (max-width: 1068px) {
    #next-steps .d4 .column-3 .column-content { width: 80%; }
}

/* RETINA */
@media (-webkit-min-device-pixel-ratio: 2), not all, (min-resolution: 192dpi) {
	#feature-wrapper.d10.image-text .column-flex:first-child { background-image: url(/it-pros/images/feature-graphic_2x.jpg);}
}