/* Disable Image Drag */

img {-webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none;}

/* Branding */

.cd-cyan {color: #00baff !important;}

.cd-bg-cyan {background-color: #00baff !important;}

.cd-bg-cyan p {color: #fff !important; -webkit-text-stroke: 0.04em #fff !important;}

.cd-yellow {color: #ffe500 !important;}

.cd-bg-yellow {background-color: #ffe500 !important;}

.cd-darker-yellow {color: #ffd800 !important;}

.cd-bg-darker-yellow {background-color: #ffd800 !important;}

.cd-bg-light-gray {background-color: #fafafa !important;}

.text-white {color: #fff !important;}

.text-center {text-align: center;}

.text-right {text-align: right;}


/* Typography */

.monts-300 {font-weight: 300 !important;}

.monts-400 {font-weight: 400 !important;}

.monts-700 {font-weight: 700 !important;}

.monts-800 {font-weight: 800 !important;}

.section-title {text-transform: uppercase; margin-bottom: 1em;}

.heading-highlight {border-bottom: 3px solid; border-color: inherit;}

.heading-highlight-white {border-bottom: 3px solid; border-color: #fff;}

h2.cd-cyan {line-height: 1.3 !important;}

.blank-container p:not(#portItem_web_link), .zblank-container ul li {-webkit-text-stroke: 0.04em #5e5e5e;}

.blank-container p.text-white, .blank-container ul.text-white li {color: #fff !important; -webkit-text-stroke: 0.04em #fff !important;}

.blank-container ul {list-style: disc; margin-left: 2rem;}

.blank-container ul li::marker {color: #00baff !important; -webkit-text-stroke: 0.06em #00baff !important;}

.blank-container ul.text-white li::marker {color: #ffe500 !important;}

.before-after-story a:not(.no-stroke) {text-decoration: none; color: #00baff; -webkit-text-stroke: 0.06em #00baff;}

.blank-container a:not(.no-stroke) {text-decoration: none; color: #00baff; -webkit-text-stroke: 0.06em #00baff;}

.before-after-story a:not(.no-stroke):hover {color: #ffce00; -webkit-text-stroke: 0.06em #ffce00;}

.blank-container a:not(.no-stroke):hover {color: #ffce00; -webkit-text-stroke: 0.06em #ffce00;}

.no-stroke {-webkit-text-stroke: 0 !important;}

.text-larger {font-size: 130%; line-height: 1.3; margin-bottom: .5em !important; display: block;}

#content .wpb_text_column p i {font-style: italic;}


/* Miscellaneous */

figure {background: transparent;}

rs-loader.spinner4 .dot1, rs-loader.spinner4 .dot2 {box-shadow: none !important;}

.hide {display: none;}

rs-module-wrap, rs-module {width: 100% !important;}

.form-wrap .vc_col-sm-6 {padding: 0;}

.cd-accordion.yellow .vc_tta-panel .vc_tta-panel-heading {background-color: #ffe500 !important;}

.cd-accordion.yellow .vc_tta-panel .vc_tta-panel-heading a, .cd-accordion.yellow .vc_tta-panel .vc_tta-panel-heading a:hover {color: #00baff !important; -webkit-text-stroke: 0.06em #00baff !important;}

.cd-accordion.yellow .vc_tta-panel.vc_active .vc_tta-panel-heading a {color: #00baff; -webkit-text-stroke: 0.06em #00baff;}

.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel-heading .vc_tta-controls-icon::after, .vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel-heading .vc_tta-controls-icon::before {border-color: #fff !important;}

.cd-accordion .vc_tta-panel-body {background-color: #fff !important;}

.cd-accordion .vc_tta-panel-body p {color: #5e5e5e !important; -webkit-text-stroke: 0.04em #5e5e5e !important; margin-top: .8em !important;}

.cd-accordion .vc_tta-panel-body :last-child {margin-bottom: .8em !important;}


/* Buttons */

.cd-default-btn.btn-centered a, .cd-default-btn.btn-centered button {margin: auto;}

.cd-default-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline {
    background-color: #fff;
    font-family: 'Montserrat',Arial,Helvetica, sans-serif !important;
    font-size: 16px;
    padding: 14px 24px 14px !important;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    display: table;
    -webkit-transition: color .25s ease-out;
    -moz-transition: color .25s ease-out;
    -ms-transition: color .25s ease-out;
    -o-transition: color .25s ease-out;
    transition: color .25s ease-out;
    -webkit-transition: background-color .25s ease-out;
    -moz-transition: background-color .25s ease-out;
    -ms-transition: background-color .25s ease-out;
    -o-transition: background-color .25s ease-out;
    transition: background-color .25s ease-out;

}

.cd-default-btn.btn-cyan a, .cd-default-btn.btn-cyan button {border: 2px solid #00baff !important; color: #00baff !important; -webkit-text-stroke: 0.06em #00baff;}

.cd-default-btn.btn-cyan a:hover, .cd-default-btn.btn-cyan button:hover {background-color: #00baff !important; color: #fff !important; -webkit-text-stroke: 0.06em #fff;}

.cd-default-btn.btn-yellow a, .cd-default-btn.btn-yellow button {border: 2px solid #FFDD00 !important; color: #00baff !important; -webkit-text-stroke: 0.06em #00baff;}

.cd-default-btn.btn-yellow a:hover, .cd-default-btn.btn-yellow button:hover {background-color: #FFDD00 !important; color: #fff !important; -webkit-text-stroke: 0.06em #fff;}

.cd-default-btn.btn-centered a {margin: auto;}


/* Layout */

.two-col-text-col-left {padding: 7rem 6rem 7rem 11.6rem;}

.two-col-text-col-right {padding: 7rem 11.6rem 7rem 6rem;}

.two-col-image-col .vc_column-inner {background-position: 50% 50%; background-size: cover; padding: 0;}

.two-col-image-col .wpb_images_carousel {margin-bottom: 0; height: auto; width: auto;}

.two-col-image-col .vc_carousel-slideline, .two-col-image-col .vc_carousel-slideline-inner {margin: 0; height: auto;}

.two-col-image-col .vc_carousel-slideline-inner .vc_item {width: 100%; height: auto !important;}

.two-col-image-col .vc_carousel-slideline-inner .vc_item.active {height: auto;}

.two-col-image-col .wpb_images_carousel img {width: 100%; height: auto; display: block;}

.section-separator {padding: 1.3em;}

.section-separator .wpb_text_column {margin-bottom: 0;}

.vc_row {margin-left: 0; margin-right: 0;}

.menu-gallery-menu-container {display: flex;}

.menu-gallery-menu-container #portNav {z-index: 9; display: inline-flex;}

.two-col-image-col .wpb_single_image {margin-bottom: 0;}


/* Homepage */

.cd-home-section-02-intro {padding: 2em 30em;}

.cd-home-section-02-intro h1 {font-size: 3.7em; line-height: 1.1 !important;}

.cd-home-section-03-01-hgs {padding: 3em;}

.cd-home-section-03-01-hgs-left-col {padding: 5rem 3rem 2rem 9rem;}

.cd-home-section-04-services .vc_column-inner {padding: 0;}

.cd-home-section-04-services .wpb_text_column {padding: 1em 5em 0 5em;}

.cd-home-section-04-services .cd-default-btn {padding: 0 5em 3em 5em;}

.two-col-text-col-left .section-title:after, .two-col-text-col-right .section-title:after {content: "" !important; display: inline-block;}


/* 01 - Web Design */

.cd-specialty-01-web .two-col-text-col-right .section-title:after {width: 1.8em !important; height: 0.9em !important; margin-left: .5em; margin-bottom: -.1em;}

.cd-specialty-01-web .two-col-text-col-right .section-title:after {background: url(//chrischasedesign.com/wp-content/uploads/2020/12/cd-home-specialties-01-web-text-col-title-after-01b.svg) no-repeat 0 0 !important; background-size: 100% !important;}


/* 02 - Digital Marketing */

.cd-specialty-02-digital-marketing .two-col-text-col-left .section-title:after {background: url(//chrischasedesign.com/wp-content/uploads/2020/12/cd-home-specialties-02-digital-marketing-text-col-title-after-01b.svg) no-repeat 0 0 !important; width: 3em !important; height: 3em !important; margin-left: .4em; margin-bottom: -0.7em;}


.cd-specialty-02-digital-marketing .two-col-text-col-left {background: url(//chrischasedesign.com/wp-content/uploads/2020/12/cd-home-specialties-02-digital-marketing-text-col-bg-01a.svg) no-repeat 0 0; background-size: 58%; background-position: 50% 50%;}


.cd-specialty-02-digital-marketing .two-col-image-col .vc_column-inner {background: url(//chrischasedesign.com/wp-content/uploads/2020/12/cd-home-specialties-02-digital-marketing-01l.svg) no-repeat 0 0; background-size: 100%; background-position: -10% 0%;}


/* 03 - Product Design */

.cd-specialty-03-product .two-col-text-col-right .section-title:after {width: 1.4em !important; height: 2.5em !important; margin-left: .5em; margin-bottom: -.5em;}

.cd-specialty-03-product .two-col-text-col-right .section-title:after {background: url(//chrischasedesign.com/wp-content/uploads/2020/12/cd-home-specialties-03-product-design-text-col-title-after-01b.svg) no-repeat 0 0 !important; background-size: 100% !important;}

.cd-specialty-03-product .two-col-image-col .vc_column-inner {background: url(//chrischasedesign.com/wp-content/uploads/2021/01/cd-home-specialties-03-product-design-01f.svg) no-repeat 0 0; background-size: 95%; background-position: 60% 69%; height: 60em;}


.cd-specialty-03-product .two-col-text-col-right {background: url(//chrischasedesign.com/wp-content/uploads/2020/12/cd-home-specialties-03-product-text-col-bg-01a.svg) no-repeat 0 0; background-size: 100%; background-position: 50% 100%;}


/* 04 - Our Services */

.cd-home-section-04-services .cd-bg-yellow .wpb_text_column p, .cd-home-section-04-services .cd-bg-yellow .wpb_text_column a {color: #5e5e5e !important; -webkit-text-stroke: 0.06em #5e5e5e !important;}

.cd-home-section-04-services .cd-bg-yellow .wpb_text_column a:hover {color: #00baff !important; -webkit-text-stroke: 0.06em #00baff !important;}

.cd-home-section-04-services .cd-bg-cyan .wpb_text_column p, .cd-home-section-04-services .cd-bg-cyan .wpb_text_column a {color: #fff !important; -webkit-text-stroke: 0.06em #fff !important;}

.cd-home-section-04-services .cd-bg-cyan .wpb_text_column a:hover {color: #ffe500 !important; -webkit-text-stroke: 0.06em #ffe500 !important;}




/* 05 - Testimonials */



.cd-testimonials-content {font-size: 2em; font-weight: 700 !important; color: #00baff; line-height: 1.5; padding: 2em 25%;}

.cd-testimonials-person {letter-spacing: 0 !important; font-size: 1.25em; font-weight: 600; color: #00baff;}

.cd-testimonials-position, .cd-testimonials-company {letter-spacing: 0 !important; margin: .5em 0; font-size: 1.25em; font-weight: 600; color: #5e5e5e;}

.cd-home-section-08-cta {background: -webkit-gradient(left top,right top,color-stop(0%,rgba(88,161,251,1)),color-stop(39%,rgba(0,187,255,1)),color-stop(71%,rgba(0,187,255,1)),color-stop(100%,rgba(97,213,255,1))); background: -webkit-linear-gradient(left,rgba(88,161,251,1) 0%,rgba(0,187,255,1) 39%,rgba(0,187,255,1) 71%,rgba(97,213,255,1) 100%); background: -o-linear-gradient(left,rgba(88,161,251,1) 0%,rgba(0,187,255,1) 39%,rgba(0,187,255,1) 71%,rgba(97,213,255,1) 100%); background: -ms-linear-gradient(left,rgba(88,161,251,1) 0%,rgba(0,187,255,1) 39%,rgba(0,187,255,1) 71%,rgba(97,213,255,1) 100%); background: linear-gradient(to right,rgba(88,161,251,1) 0%,rgba(0,187,255,1) 39%,rgba(0,187,255,1) 71%,rgba(97,213,255,1) 100%);}

.cd-home-section-08-cta .cd-cta-inner {padding: 4em 20em 8em 20em;}

.cd-home-section-08-cta .cta-copy-col .vc_column-inner {padding: 5em 2em;}

.cd-home-section-08-cta .cta-copy-col h2 {margin: 0 2em 1em 0;}

.cd-home-section-08-cta .cta-copy-col h1 {text-shadow: none !important; border: none !important;}

.cd-home-section-08-cta .cta-form-col .vc_column-inner {padding: 4em 4em 0;}

.cd-home-section-08-cta .cta-form-col .wpcf7 {margin-bottom: 0;}

.page-template-page-blank-new form {font-family: 'Montserrat',Arial,Helvetica, sans-serif !important;}

.page-template-page-blank-new input[type=text], .page-template-page-blank-new input[type=password], .page-template-page-blank-new input[type=search], .page-template-page-blank-new input[type=email], .page-template-page-blank-new textarea, .page-template-page-blank-new select {border: none; border-bottom: none;}


input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, textarea:focus {box-shadow: none !important;}

.cd-home-section-08-cta .cd-cta-inner:before {
    left: 0 !important;
    right: 0 !important;
    bottom: -3px !important;
    position: absolute !important;
    height: 100% !important;
    min-height: 100px !important;
    content: "";
    background: url(//chrischasedesign.com/wp-content/uploads/2020/12/cd-home-footer-before-01b.svg) no-repeat;
    background-position: bottom center !important;
    display: block;
    background-size: 100%;
    margin: 0 !important;
    width: 101%;
    padding: 0;
    z-index: 0;
}

/* Inner Pages */

body.single-project .container .sixteen.columns {margin-bottom: 3rem !important;}

/*body.single-project .container .sixteen.columns:not(:first-child) img {box-shadow: 0 0 20px rgba(0,0,0,.06);}*/

.page-template-page-work-multimedia .cd-demo-reel {display: none;}

.iframe-video-container {position: relative; width: 100%; /*padding-bottom: 56.25%;*/ padding-bottom: 60%; margin-left: 3rem;}

.iframe-video-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}


/* Footer */


.page-template-page-blank-new .footer {background-color: #fff; background: #fff; padding-bottom: 30px;}

.page-template-page-blank-new footer.main header {padding-bottom: 1em;}

.page-template-page-blank-new footer.main h4 {font-family: 'Montserrat',Arial,Helvetica, sans-serif !important; color: #00baff; font-weight: 700;}

.page-template-page-blank-new p.newsLetterIntro, .page-template-page-blank-new #recent_news .sidebar_widget li#recent-posts-3 ul li a {color: #5e5e5e; font-family: 'Montserrat',Arial,Helvetica, sans-serif !important;} 

.page-template-page-blank-new #footer-one-third-first #email-signup input[type=email] {border-bottom: 1px solid #e5e5e5; border-radius: 0;}

.page-template-page-blank-new #footer-one-third-first #email-signup input:focus {border-color: #00baff;}

.page-template-page-blank-new #recent_news .sidebar_widget li#recent-posts-3 ul li a:hover {color: #00baff;} 

.page-template-page-blank-new p#smIcons a {color: #00baff;}

.page-template-page-blank-new .gform_button {font-family: 'Montserrat',Arial,Helvetica, sans-serif !important; color: #00baff; font-weight: 700; border-radius: 35px; background: #fff; border: 2px solid #00baff; padding: 10px 16px; height: auto; border-radius: 30px;}

.page-template-page-blank-new .gform_button:hover {color: #fff; background: #00baff;}

.page-template-page-blank-new .clutch-widget .middle_widget_top {background: #00baff;}

.page-template-page-blank-new .clutch-widget .middle_widget_title a {color: #00baff;}

.page-template-page-blank-new .wpcf7-form input::-webkit-input-placeholder, .page-template-page-blank-new .wpcf7-form textarea::-webkit-input-placeholder {font-family: 'Montserrat',Arial,Helvetica, sans-serif !important; opacity:1; color:#828282;}

.page-template-page-blank-new .wpcf7-form input::-moz-placeholder, .page-template-page-blank-new .wpcf7-form textarea::-moz-placeholder {font-family: 'Montserrat',Arial,Helvetica, sans-serif !important; opacity:1; color:#828282;}

.page-template-page-blank-new .wpcf7-form input:-ms-input-placeholder, .page-template-page-blank-new .wpcf7-form textarea:-ms-input-placeholder {font-family: 'Montserrat',Arial,Helvetica, sans-serif !important; opacity:1; color:#828282;}

.page-template-page-blank-new .wpcf7-form input:-moz-placeholder, .page-template-page-blank-new .wpcf7-form textarea:-moz-placeholder {font-family: 'Montserrat',Arial,Helvetica, sans-serif !important; opacity:1; color:#828282;}

.page-template-page-blank-new .wpcf7-form input.wpcf7-form-control.wpcf7-date:focus, .page-template-page-blank-new .wpcf7-form input.wpcf7-form-control.wpcf7-number:focus, .page-template-page-blank-new .wpcf7-form input.wpcf7-form-control.wpcf7-quiz:focus, .page-template-page-blank-new .wpcf7-form input.wpcf7-form-control.wpcf7-text:focus, .page-template-page-blank-new .wpcf7-form select.wpcf7-form-control.wpcf7-select:focus, .page-template-page-blank-new .wpcf7-form textarea.wpcf7-form-control.wpcf7-textarea:focus {font-family: 'Montserrat',Arial,Helvetica, sans-serif !important; color:#828282; background-color:#fcfcfc;}

.page-template-page-blank-new .wpcf7-form select.wpcf7-form-control.wpcf7-select {font-family: 'Montserrat',Arial,Helvetica, sans-serif !important;}

.page-template-page-blank-new input.wpcf7-form-control.wpcf7-submit {font-family: 'Montserrat',Arial,Helvetica, sans-serif !important;}

.page-template-page-blank-new button.form-submit-button, .page-template-page-blank-new #cid_2 button#input_2 {
    background-color: #fff;
    border: 2px solid #FFDD00;
    border-radius: 30px;
    color: #00baff;
    font-size: 17px !important;
    padding: 13px 25px !important;
    font-family: 'Montserrat',Arial,Helvetica, sans-serif !important;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.page-template-page-blank-new button.form-submit-button:hover, .page-template-page-blank-new #cid_2 button#input_2:hover {
    background-color: #FFDD00; color: #fff;}

.page-template-page-blank-new button.form-submit-button:hover .wpcf7-submit, .page-template-page-blank-new #cid_2 button#input_2:hover .wpcf7-btn .wpcf7-submit {-webkit-text-stroke: 0.04em #fff;}

.page-template-page-blank-new .clutch-widget iframe {height: 275px;}

.wpcf7-form select.wpcf7-form-control.wpcf7-select {padding: 17px 15px;}

.blank-container .wpcf7-btn .wpcf7-submit {-webkit-text-stroke: 0.04em #00baff;}

.blank-container .wpcf7-btn .wpcf7-submit:hover {-webkit-text-stroke: 0.04em #fff;}

.footer .clutch-widget iframe {width: 93%; margin-bottom: 2em;}


/* Before & After Page */

.before-and-after-row {padding: 3em 9em 7em; background-color: #ffeb00;}

.before-after-container p::-moz-selection {color: #fff; background: #00baff; -webkit-text-stroke: 0.04em #fff;}

.blank-container p::-moz-selection {color: #fff; background: #00baff; -webkit-text-stroke: 0.04em #fff;}

.before-after-container p::selection {color: #fff; background: #00baff; -webkit-text-stroke: 0.04em #fff;}

.blank-container p::selection {color: #fff; background: #00baff; -webkit-text-stroke: 0.04em #fff;}

.before-after-container {font-family: 'Montserrat',Arial,Helvetica, sans-serif !important; margin: auto;}

.blank-container {font-family: 'Montserrat',Arial,Helvetica, sans-serif !important; margin: auto;}

.blank-container h1, .blank-container h2, .blank-container h3, .blank-container h4, .blank-container h5, .blank-container h6 {font-family: 'Montserrat',Arial,Helvetica, sans-serif !important; }

.blank-container h3, .blank-container h4, .blank-container h5, .blank-container h6 {line-height: 1.3 !important;}

img.aligncenterzzz, .single-project .page-wrap img {margin: auto; display: block; width: 100%; height: auto;}

.before-after-single-img {width: 46%; height: auto; margin: auto; display: block;}

.before-after-container {padding: 3em 0 0 0;}

.before-after-container, .blank-container {margin-top: 110px;}

.before-after-heading {font-size: 3.8em; padding: .5em 1em;}

.before-after-heading {font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important; text-align: center; padding-bottom: 27px; margin-bottom: 0 !important; border-bottom: 0 !important;}

.before-after-subheading {font-family: 'Montserrat',Arial,Helvetica, sans-serif; color: #fff; text-align: center; margin: .4em !important; font-size: 1.9em !important;}

.before-after-project-title, .before-after-project-title a {text-align: center; color: #5e5e5e; font-family: 'Montserrat',Arial,Helvetica, sans-serif !important; font-size: 1.9em !important; margin-bottom: 1em; font-weight: 700 !important; color: #00baff; font-size: 1.5em !important; text-decoration: none;}

.before-after-parent-col .before-after-project-title, .before-after-parent-col .before-after-project-title a {font-size: 1.4em !important;}

.ui-instruction {font-family: 'Montserrat',Arial,Helvetica, sans-serif !important; margin-bottom: 2em; color: #5e5e5e !important; line-height: 1.7 !important; letter-spacing: -0.01em;}

.before-div, .after-div {width: 50%; text-align: center; display: inline-block;}

.before-div {float: left; background-color: #FFDE00;}

.after-div {background-color: #00baff;}

.before-after-story, .before-after-result {margin: 5em 0;}

.before-after-container p {letter-spacing: 0 !important; margin: 1.5em 25%; font-size: 1.25em; font-weight: 300; color: #5e5e5e;}

.blank-container p {letter-spacing: 0 !important; margin: 1.25em 0; font-size: 1.19em; font-weight: 300; color: #5e5e5e;}

.blank-container ul li {letter-spacing: 0 !important; font-size: 1.19em; font-weight: 400; color: #5e5e5e;}

.before-after-story p:not(#portItem_web_link), .before-after-result p:not(#portItem_web_link) {-webkit-text-stroke: 0.04em #5e5e5e;}

.before-after-container strong {color: #00baff; -webkit-text-stroke: 0;}

.blank-container strong {color: #00baff; -webkit-text-stroke: 0;}

.blank-container .cd-bg-cyan strong {color: #ffe500;}

.before-after-container rs-module-wrap {border-left: 1px solid; border-right: 1px solid; border-color:  #e4e4e4 !important; zzzbox-shadow: 0 0 60px rgba(0,0,0,0.1);}

.before-after-container .first-slider rs-module-wrap {border-top: 1px solid;}

.before-after-container rs-module-wrap:last-of-type {border-bottom: 1px solid;}

.before-after-container #portItem_web_link {margin: 30px auto;}

.blank-container #portItem_web_link {margin: 30px auto;}

.before-after-container #portItem_web_link {font-weight: 600; margin-bottom: 4em;}

.blank-container #portItem_web_link {font-weight: 600; margin-bottom: 4em;}

.rs-addon-beforeafter-bg {zbox-shadow: rgba(0, 0, 0, 0.10) -250px 0px 250px;}

.rs-addon-beforeafter-btn i {background: #fff;}

.rs-addon-beforeafter-btn .fa-caret-left {padding: 5px 0 5px 15px; border-bottom-left-radius: 2em; border-top-left-radius: 2em; margin-left: -1px; zbox-shadow: -10px 0 15px rgba(0,157,255,0.25); border: 1px solid rgb(0,157,255);}

.rs-addon-beforeafter-btn .fa-caret-right {padding: 5px 15px 5px 0; border-bottom-right-radius: 2em; border-top-right-radius: 2em; border-left: 1px solid #dadada; zbox-shadow: 10px 0 15px rgba(0,157,255,0.25); border: 1px solid rgb(0,157,255); margin-left: -2px;}



.rs-addon-beforeafter-before {background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.08) 100%);}

.before-after-result-row {margin: 1em 10em; zborder: 5px solid #f7f7f7;}

.before-after-result-col {width: 30.6%; text-align: center; display: inline-block; box-shadow: 0 0 10px rgba(0,0,0,0.1); margin: 1em; zborder-radius: 3px;}

.before-after-result-col .vc_column-inner, .before-after-sliders-row .vc_column-inner {padding: 0 !important;}

.before-after-result-col-inner {width: 100%; float:left; display: inline-block; padding: 1.8em;}

.before-after-result-col p {margin: 0; display: none;}

.before-after-result-col-inner span {padding: .8em; display: block;}

.zzzbefore-after-result-col:nth-child(2) {background: #f7f7f7;}

.before-after-result-data {color: #ffd600; font-family: 'Montserrat',Arial,Helvetica, sans-serif; font-size: 4em; font-weight: 700;}

.before-after-result-col h4 {font-family: 'Montserrat',Arial,Helvetica, sans-serif !important; font-weight: 700 !important;}

.result-item-title {text-transform: uppercase; margin-bottom: 10px; font-size: 1.8em !important; background: #00baff; padding: .6em; color: #fff !important;}

.before-after-result-col-inner span {font-size: 1.2em;}

/* 

.before-after-result-col .before-after-result-col-inner:not(.revenue):first-of-type {border-right: 2px solid #f4f4f4;} 

.before-after-result-col-inner.revenue {width: 100%;}

*/

.zzzpage-id-5039 .before-after-result {display: none;}

.page-id-5039 .wpcf7-response-output {color: #fff !important;}

.before-after-parent-col {padding: 2em;}

.before-after-parent-col .vc_column-inner {box-shadow: 0 0 30px rgba(0,0,0,0.1); padding: 0; padding-bottom: 2em; zborder-radius: 5px; background: #fff;}

.ba-back-to-gallery-link a {color: #5e5e5e; -webkit-text-stroke: 0.04em #5e5e5e; text-decoration: none;}

.ba-back-to-gallery-link a:hover {color: #ffce00; -webkit-text-stroke: 0.06em #ffce00;}

.ba-back-to-gallery-link a span {color: #ffce00 !important; -webkit-text-stroke: 0.06em #ffce00;}


/* Product Design Page */

.zpage-id-5299 .blank-container {margin-top: 150px;}

.cd-product-01-junk-king-last > .wpb_column .vc_column-inner {padding-bottom: 3em;}

.cd-product-junk-king-details img {background-color: #ffe500;}

.cd-product-design-section ul#portNav li:not(.last) a {border-right: 1px solid #fff;}


/* Resize Page Width */

.cd-home-section-01-slider .vc_column-inner {padding: 0 !important;}

.container {width: 1200px;}

.container .four.columns:not(.work-thumb):not(#address-hours-info) {width: 19%; margin-right: 4% !important;}

.container .twelve.columns {width: 77%; margin: 0 !important;}

.work-thumb {width: 25% !important; margin: 0 !important; padding: 10px !important;}

.work-heading {width: 25%; height: auto;}

h2.thumb-heading {width: 79%; padding: 1em !important; margin-right: 1em;}

#featPort .portLeft, #featPort .portRight {width: 50%; margin: 0;}

.tax-services #gallery .row.clearfix {margin-bottom: 0px!important;}

.flex-center .row.clearfix {display: flex; justify-content: space-around;}

footer {width: 960px !important;}

.vc_column-inner {padding-left: 0 !important; padding-right: 0 !important;}


/* Update Gallery */

body.term-web-design-and-development #featPort .bx-viewport {height: 370px !important;}

body.term-web-design-and-development #featPort .portRight #project-desc {display: none;}


/* Our Voice */

.single-post #content .single-blog-title {line-height: 1.2; padding-bottom: .4rem;}

.single-post .meta .comments-link {display:none;}

body.single #content .our-voice-quote h3 {color: #00baff; margin-bottom: 1rem;}

body.zzsingle #content .our-voice-quote .quoter {padding-top: 1rem;}


.zzour-voice-hero {top: 40px;}

.our-voice-grid .vc_gitem-zone {background-color: #ffffff !important; zborder: 1px solid #f4f4f4; zborder-bottom-left-radius: 20px; zborder-bottom-right-radius: 20px;}

.our-voice-grid .vc_gitem-post-data-source-post_title h4 {font-size: 22px !important; line-height: 1.3 !important;}

.our-voice-grid .vc_gitem-post-data-source-post_title h4 .vc_gitem-link {-webkit-text-stroke: 0;}

.our-voice-grid .vc_gitem-post-data-source-post_excerpt p {margin-top: 0; font-size: 15px;}

.our-voice-grid .vc_general {color: #ffffff !important; background-color: #00baff !important; -webkit-text-stroke: 0 !important;}

.our-voice-grid .vc_grid-item {padding-bottom: 0 !important;}


/* New Services */

.zzcd-services-hero-section .wpb_single_image {margin-bottom: 0;}

.cd-services-hero-section .wpb_single_image img {width: 100vw;}

.cd-services-left-right-section {padding: 0 0 2rem;}

.cd-services-left-right-section .wpb_text_column {padding: 0 15% 5% 15%;}

.cd-services-left-col {border-bottom-right-radius: 1.5rem; border-bottom-left-radius: 5rem;}

.cd-services-right-col {border-bottom-left-radius: 1.5rem; border-bottom-right-radius: 5rem;}

.cd-services-left-right-section .vc_col-sm-6 .vc_column-inner {background-size: contain !important; background-size: 100% !important; background-size: 89% !important; height: 100%; padding-top: 10%;}

.cd-services-left-right-section .cd-services-left-col .vc_column-inner {background-position: 100% 100% !important; margin-right: -1px;}

.cd-services-left-right-section .vc_col-sm-6 .vc_column-inner h2 {font-size: 32px; margin-bottom: .5rem;}

#left-right .vc_col-sm-6 .vc_column-inner p {line-height: 2 !important;}

.zzcd-services-left-right-section .cd-services-left-col h2 {padding: 0 0 0 40%;}

.zzcd-services-left-right-section .cd-services-right-col h2 {padding: 0 40% 0 0;}

.cd-services-left-right-section .cd-services-right-col .vc_column-inner {background-position: 0% 100% !important; margin-left: -1px;}

.cd-services-left-right-section .vc_col-sm-6 .wpb_single_image .wpb_wrapper {background: transparent;}

.cd-services-left-right-section .wpb_single_image.vc_align_right {padding-right: 15%;}

.cd-services-left-right-section .wpb_single_image.vc_align_left {padding-left: 15%;}

.cd-services-responsive-design .two-col-image-col .wpb_single_image {margin-top: -3rem;}

.cd-service-logo-category-left-col {padding: 5rem 3rem 2rem 9rem;}

.cd-home-section-03-01-hgs .cd-home-carousel {margin-bottom: 0;}

.cd-home-section-03-01-hgs .cd-home-carousel .vc_item img {height: auto !important;}

.map-embed {margin-bottom: -6px;}

.above-cta {margin-bottom: -49px;}

.contact-with-map .wpb_text_column {margin-bottom: 0;}

.contact-with-map .wpb_text_column a {margin-top: 1.2rem; margin-bottom: 0 !important; text-decoration: none !important;}

.contact-with-map .wpb_text_column a:hover {color: #fff !important;}

.contact-with-map .wpb_text_column b {font-weight: 500; -webkit-text-stroke: 0.06em #5e5e5e;}

.contact-with-map .wpb_text_column h2 {margin-bottom: -16px !important; line-height: 1 !important;}

.contact-with-map .wpb_text_column .cd-contact-info:before {
    left: 0 !important;
    right: 0 !important;
    zbottom: -3px !important;
    position: relative !important;
    width: 33px;
    height: 33px !important;
    content: "";
    background-position: center center !important;
    display: inline-flex;
    vertical-align: middle;
    background-size: 100%;
    margin: 0 .3rem .2rem 0 !important;
    padding: 0;
    z-index: 0;
}

.contact-with-map .wpb_text_column .cd-contact-info.cd-phone:before {
    background: url(//chrischasedesign.com/wp-content/uploads/2024/11/contact-info-phone-01b.svg) no-repeat;
}

.contact-with-map .wpb_text_column .cd-contact-info.cd-email:before {
    background: url(//chrischasedesign.com/wp-content/uploads/2024/11/contact-info-email-01d.svg) no-repeat;
}

.zzmap-embed iframe {height: 545px;}

.vc_images_carousel .vc_carousel-control {text-shadow: none !important;}


/* About Us */

.cd-our-team .wpb_text_column h4, .cd-our-team .wpb_text_column p {margin: 0;}

.cd-our-team .wpb_text_column h4 {font-size: 22px !important;}

.cd-our-team .wpb_text_column p {font-size: 16px;}

.cd-mvv .vc_col-sm-4 h3 {}

.cd-mvv .vc_col-sm-4 {padding: 7rem; text-align: center;}

.cd-mvv .vc_col-sm-4 p, .cd-mvv .vc_col-sm-4 li {font-size: 20px;}

#content .cd-our-team .wpb_text_column p {text-align: center !important;}


/* New PF */

.our-work-title-section {padding-top: 4rem !important;}

.cd-new-pf-grid-section {padding: 3rem 7%;}

.new-pf-grid .vc_gitem_row .vc_gitem-col {padding: 1.5rem; text-align: center; height: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center;}

.new-pf-grid .vc_grid-filter.vc_grid-filter-size-md .vc_grid-filter-item {font-size: 16px; padding: 2px 14px;}

.new-pf-grid .vc_gitem-zone-b {/*height: 50%;*/ transition: all .5s ease;}

.new-pf-grid .vc_gitem-row-position-top {bottom: 0;}

.new-pf-title {font-size: 1.5rem; font-weight: 600; line-height: 1.2; color: #00baff; margin-bottom: 1rem;}

.new-pf-grid.new-pf-logos .new-pf-title {font-size: 1.3rem;}

.new-pf-grid.new-pf-print .new-pf-title {color: #ffe500;}

.new-pf-grid.new-pf-print .new-pf-service-desc {color: #fff;}

.new-pf-grid .cd-default-btn {display: table; margin: 1.5rem auto 0 !important;}

.vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item {border: 2px solid transparent;}

.vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item.vc_active {background-color: #fff; border-color: #00baff;}

.vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item:hover {background-color: #00baff; border-color: #00baff; zbackground-color: #ffe500; zborder-color: #ffe500;}

.vc_grid-filter.vc_grid-filter-color-grey>.vc_grid-filter-item:hover>span {color: #fff;}

.vc_grid-filter-dropdown, .vc_grid-filter-select {font-size: 17px; margin-bottom: 0;}

.vc_grid-filter-dropdown .vc_grid-styled-select select, .vc_grid-filter-select .vc_grid-styled-select select {font-family: 'Montserrat'; font-size: 18px; color: #00baff;}

.new-pf-grid .cd-default-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline {font-size: 15px; padding: 12px 22px 12px !important;}

.two-btns-row .cd-default-btn {}

.two-btns-row .cd-default-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline {width: 60%;}

.heading-with-icon {margin-top: 2rem; display: flex; justify-content: center; align-items: center;}

.heading-with-icon h2 {margin: 0;}

.heading-with-icon img {margin-right: 15px;}



.single-project #content.container.headFix.portContent {margin-top: 185px !important;}

.single-project .menu-gallery-menu-container {display: none !important;}

.single-project #portItem_title h3 {margin-bottom: 1.5rem;}

.single-project .project-navigation {display: flex; margin-bottom: 2rem;}

.single-project .project-navigation .nav-links {display: block; zjustify-content: space-between; margin-bottom: 1rem;}

.single-project .project-navigation .nav-links > div {display: inline;}

.single-project .project-navigation .nav-links a {text-decoration: none;}

.single-project .project-navigation .nav-links .nav-prev a {padding: 1rem 1rem 1rem 0;}

.single-project .project-navigation .nav-links .nav-next a {padding: 1rem 0 1rem 1rem;}


.single-project .project-navigation .nav-links .nav-prev {left: 0;}


.single-project .project-navigation .nav-links .nav-prev a:before, .single-project .project-navigation .nav-links .nav-next a:after {content: ''; display: inline-block; width: 19px; height: 13px; vertical-align: middle;}

.single-project .project-navigation .nav-links .nav-prev a:before {background: url(/wp-content/uploads/2025/06/project-nav-prev.svg) no-repeat; margin-right: 8px;}

.single-project .project-navigation .nav-links .nav-next {position: absolute; right: 0;}

.single-project .project-navigation .nav-links .nav-next a:after {background: url(/wp-content/uploads/2025/06/project-nav-next.svg) no-repeat; margin-left: 8px;}

.single-project #portItem_title {text-align: center;}

.single-project h1 {display: none;}

.product-jk-intro {padding-top: 3rem !important;}


/* Portfolio Filter */

.new-pf-grid .vc_grid-filter-select select {border: 1px solid; padding: .5rem 1rem; width: 90%; appearance: none; background: url(/wp-content/uploads/2025/06/project-filter-dropdown-01a.svg) no-repeat; background-position: 95% 50%; background-size: 17px;}




/******************** Media Queries ********************/

@media (min-width: 1921px) {

.cd-services-left-right-section .vc_col-sm-6 .vc_column-inner {padding-top: 20%;}

.cd-home-section-08-cta .cd-cta-inner {padding: 4em 20em 13em 20em;}

.vc_video-bg iframe .html5-main-video {width: 100% !important; left: 0 !important;}

.html5-video-player .video-stream {width: 100% !important; left: 0 !important;}

}


@media (min-width: 1366px) {

.before-after-container {width: 1280px;}

}


@media (min-width: 1441px) {

.contact-with-map .two-col-text-col-left {padding: 6rem 6rem 6rem 11.6rem;}

#left-right .vc_col-sm-6 .vc_column-inner p {font-size: 21px;}

.zcd-services-left-right-section .vc_col-sm-6 .vc_column-inner {height: 60vh;}

.before-after-container {width: 1440px;}

}


@media (max-width: 1440px) {

.cd-home-section-02-intro {padding: 2em 15em;}

.zztwo-col-image-col .wpb_images_carousel {height: 476px;}

.before-after-result-row {margin: 1em auto;}

.two-col-text-col-left {padding: 5em 3em 3em 6em;}

.two-col-text-col-right {padding: 5em 6em 3em 3em;}

.cd-specialty-02-digital-marketing .two-col-image-col .vc_column-inner {background-position: -10% 160%;}

.cd-specialty-03-product .two-col-image-col .vc_column-inner {height: 42.5em;
    background-size: 91%; background-position: 50% 75%;}

.cd-home-section-04-services h2 {font-size: 29px;}

.zzzcd-home-section-04-services p {height: 4em;}

.cd-home-section-04-services .wpb_text_column {padding: 1em 4em 0 4em;}

.cd-home-section-04-services .cd-default-btn {padding: 0 4em 3em 4em;}

.before-after-parent-col .before-after-project-title, .before-after-parent-col .before-after-project-title a {font-size: 1.25em !important;}

.before-and-after-row .cd-default-btn {margin-bottom: 0;}

.blank-container p, .blank-container ul li {font-size: 1.14em; margin-bottom: 5px;}

.cd-home-section-08-cta .cd-cta-inner {padding: 4em 13em 8em 13em;}

.cd-home-section-08-cta .cta-copy-col .vc_column-inner {padding: 3em 2em 3em 1em;}

.cd-home-section-08-cta .cta-form-col .vc_column-inner {padding: 2em 4em 0;}

.cd-home-section-08-cta .cta-copy-col h2 {margin-bottom: 1em;}

.cd-home-section-08-cta .cta-copy-col h1 {font-size: 4em;}

.cd-services-left-right-section .cd-services-left-col h2 {padding: 0 0 0 40%;}

.cd-services-left-right-section .cd-services-right-col h2 {padding: 0 40% 0 0;}

.cd-service-logo-category-left-col {padding: 1rem 3rem;}

.cd-services-left-right-section .vc_col-sm-6 .vc_column-inner {background-size: 87% !important;}

.contact-with-map .two-col-text-col-left {padding: 3em 3em 3em 6em;}

.cd-mvv .vc_col-sm-4 {padding: 3rem;}

.cd-mvv .vc_col-sm-4 p, .cd-mvv .vc_col-sm-4 li {font-size: 19px;}

.cd-new-pf-grid-section {padding: 3rem;}

.new-pf-grid .vc_grid-item {width: 33.33%;}

.new-pf-grid.new-pf-logos .vc_grid-item {width: 20%;}

.new-pf-grid.new-pf-print .vc_grid-item {width: 25%;}

}


@media (max-width: 1366px) {

.blank-container h3, .blank-container h4 {line-height: 1.2 !important;}

.blank-container h5, .blank-container h6 {line-height: 1.35 !important;}

.cd-services-left-right-section .wpb_text_column h2 {font-size: 2em !important;}

.cd-home-section-02-intro {padding: 2em 14em;}

.zztwo-col-image-col .wpb_images_carousel {height: 456px;}

.cd-specialty-02-digital-marketing .two-col-image-col .vc_column-inner {background-size: 110%; background-position: 0% -100%;}

.cd-specialty-03-product .two-col-image-col .vc_column-inner {height: 41.5em;}

.before-after-result-row {margin: 1em auto;}

.before-and-after-row {padding: 3em 7em 5em;}

.before-after-heading {padding: .5em 1em 0 1em;}

.cd-home-section-04-services .wpb_text_column {padding: 1em 3em 0 3em;}

.cd-home-section-04-services .cd-default-btn {padding: 0 3em 2em 3em;}

.cd-services-left-right-section .wpb_text_column {padding: 0 14% 5% 14%;}

.cd-services-left-right-section .wpb_single_image img {max-width: 87%;}

.cd-services-left-right-section .wpb_single_image {margin-bottom: 1rem;}

.new-pf-title {font-size: 1.4rem;}

}



@media (max-width: 1280px) {

.blank-container h1 {font-size: 3.5em !important;}

.blank-container h2 {font-size: 2.2em !important; line-height: 1.3;}

.cd-home-section-02-intro {padding: 2em 10em;}

.two-col-text-col-left, .two-col-text-col-right {padding: 4em 3em 2em 3em;}

.zztwo-col-image-col .wpb_images_carousel {height: 426px;}

.cd-specialty-02-digital-marketing .two-col-image-col .vc_column-inner {background-size: 106%; background-position: 0% 300%;}

.cd-specialty-02-digital-marketing .two-col-text-col-left .section-title:after {width: 2.6em !important; height: 2.6em !important;}

/* .cd-specialty-03-product .two-col-image-col .vc_column-inner {background-size: 100%; background-position: 50% 180%;} */

.cd-specialty-03-product .two-col-text-col-right .section-title:after {width: 1.3em !important; height: 2.3em !important;}

.cd-home-section-03-01-hgs-left-col {padding: 5rem 2rem 2rem 4rem;}

.before-after-result {font-size: .9em;}

.before-and-after-row {padding: 3em 4em 7em;}

.container {width: 900px;}

.cd-service-logo-category-left-col {padding: 1rem 2rem 1rem .9rem;}

.cd-services-left-right-section .wpb_text_column {padding: 0 12% 3% 12%;}

.cd-mvv .vc_col-sm-4 {padding: 2rem;}

.new-pf-grid.new-pf-logos .vc_grid-item {width: 25%;}

.new-pf-grid.new-pf-print .vc_grid-item {width: 33.33%;}

.two-btns-row .cd-default-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline {width: 67%;}

}


@media (min-width: 1025px) {

.single-project #portItemText {width: 85%; margin: auto;}

.lg-column-count-two {column-count: 2;}

.visible-sm {display: none;}

.hidden-sm {display: block;}

}



@media (max-width: 1024px) {

.new-nav {margin-right: 20px !important;}

.cd-home-section-02-intro {padding: 2em 5em;}

.before-after-container p {margin: 1.5em 20%;}

.before-after-parent-col .before-after-project-title {height: 3em;}

.cd-default-btn {margin-bottom: 3em;}

.zzzcd-home-section-02-intro h1 {font-size: 50px !important;}

.cd-specialty-02-digital-marketing .two-col-image-col .vc_column-inner {background-size: 112%; background-position: 10% 50%;}

.zztwo-col-image-col .wpb_images_carousel {height: 380px;}

.section-title {font-size: 32px; zwhite-space: nowrap;}

.two-col-text-col-right {padding: 3em 2em 0 2em;}

.zzblank-container p, .zzblank-container ul li {font-size: 1.14em;}

.cd-default-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline {padding: 12px 24px 12px !important;}

.cd-specialty-02-digital-marketing .two-col-text-col-left {background-size: 68%;}

.cd-specialty-03-product .two-col-image-col .vc_column-inner {background-size: 95%;
    height: 33em; background-position: 70% 75%;}

.cd-home-section-03-01-hgs {padding: 3em 2em;}

.cd-home-section-03-01-hgs-left-col {padding: 1em 1em 2em 1em;}

.cd-home-section-04-services .cd-default-btn {padding: 0 4em 2em 4em;}

.before-and-after-row {padding: 2em 3em 4em;}

.before-after-parent-col .wpb_text_column {margin-bottom: 1.4em;}

.before-after-parent-col .before-after-project-title, .before-after-parent-col .before-after-project-title a {line-height: 1.2 !important;}

.cd-home-section-04-services .vc_col-sm-4 {width: 50%;}

.hidden-sm {display: none;}

.visible-sm {display: block;}

.before-after-heading {padding-bottom: 0 !important;}

.cd-testimonials-content {padding: 2em 15%;}

.cd-home-section-08-cta .cd-cta-inner {padding: 3em 3em 4em 3em;}

.cd-home-section-08-cta .cta-copy-col .vc_column-inner {padding: 3em 2em 3em 3em;}

.cd-home-section-08-cta .cta-form-col .vc_column-inner {padding: 2em 4em 0 2em;}

.cd-home-section-08-cta .cd-cta-inner:before {background-position: 33% bottom !important;
    background-size: 130%;}

.cd-cta-inner h2 {zpadding-right: 3rem; font-size: 2.2em !important;}

.cd-home-section-08-cta .cta-copy-col h2 {margin: 0 1em 1em 0;}

.cd-services-left-right-section .vc_col-sm-6 .vc_column-inner {padding-top: 0; background-size: 116% !important;}

.cd-services-left-right-section .cd-services-left-col .wpb_text_column {padding: 0 15% 3% 8%;}

.cd-services-left-right-section .cd-services-right-col .wpb_text_column {padding: 0 8% 3% 15%;}

#left-right .vc_col-sm-6 .vc_column-inner p {font-size: 1.06em;}

.cd-services-responsive-design .two-col-image-col .wpb_single_image {margin-top: 3rem;}

.cd-mvv .vc_col-sm-4 p, .cd-mvv .vc_col-sm-4 li {font-size: 17px;}

.cd-new-pf-grid-section {padding: 3rem 2rem;}

.our-voice-grid .vc_gitem-post-data-source-post_title h4 {font-size: 19px !important;}

.our-work-title-section {padding-top: 3rem !important;}

}


@media (max-width: 1023px) {

.blank-container h1 {font-size: 3em !important;}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {width: 25%; clear: none !important;}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item a {width: 100px !important; height: 100px !important; background-size: 100px !important; }

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {margin: 0 auto 15px auto !important; padding-top: 110px !important;}

.cd-services-left-right-section .vc_col-sm-6 {width: 100%;}

.cd-services-left-right-section .vc_col-sm-6 .vc_column-inner {background-size: 400% !important; background-position: 50% 50% !important;}

.cd-services-left-right-section .wpb_single_image, .cd-services-left-right-section .wpb_text_column {padding: 0 !important; text-align: center !important;}

.cd-services-left-right-section h2 {padding: 0 !important;}

#left-right .vc_col-sm-6 .vc_column-inner p {font-size: 18px;}

.cd-services-responsive-design .two-col-text-col-left {padding: 4em 3em 0;}

.new-pf-grid .vc_grid-item, .new-pf-grid.new-pf-print .vc_grid-item {width: 50%;}

.new-pf-grid.new-pf-logos .vc_grid-item {width: 33.33%;}

.two-btns-row .cd-default-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline {width: 100%;}

.new-pf-grid .vc_grid-filter-select {margin-bottom: 2rem;}

.our-work-title-section {padding-top: 1rem !important;}

}


@media (max-width: 768px) {

.cd-home-section-02-intro {padding: 2em 4em;}

.before-after-container {padding: 1em 0;}

.before-after-result-col {margin: .73em;}

.before-after-result-data {font-size: 3.3em;}

.before-after-parent-col .before-after-project-title, .before-after-parent-col .before-after-project-title a {font-size: 1.2em !important;}

.cd-home-section-02-intro img {padding: 0 3em;}

.cd-home-section-03-specialties .vc_col-sm-6 {width: 100%;}

.zztwo-col-image-col .wpb_images_carousel {height: 480px;}

.cd-specialty-02-digital-marketing .two-col-image-col {height: 400px;}

.cd-specialty-02-digital-marketing .two-col-image-col .vc_column-inner {background-size: 100%; background-position: 50% 0%; margin-left: 4em;}

.two-col-text-col-left, .two-col-text-col-right {padding: 3em;}

.cd-specialty-02-digital-marketing .two-col-text-col-left {padding-bottom: 0; background-size: 37%; background-position: 70% 50%;}

.cd-specialty-03-product {flex-wrap: wrap-reverse !important;}

.cd-specialty-03-product .two-col-text-col-right {background: none; padding-bottom: 0;}

.cd-specialty-03-product .two-col-image-col .vc_column-inner {background-size: 89%;
    height: 44em; background-position: 62% 12%;}

.cd-default-btn {margin-bottom: 1em;}

.cd-home-section-03-01-hgs .vc_col-sm-8 {padding: 0;}

.cd-home-section-03-01-hgs .vc_col-sm-4, .cd-home-section-03-01-hgs .vc_col-sm-8 {width: 100%;}

.before-after-parent-col {padding: 1em;}

.before-after-parent-col .wpb_single_image {margin-bottom: 15px;}

.cd-default-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline {padding: 11px 24px 11px !important;}

.before-and-after-row {padding: 2em 2em 3em;}

.cd-home-section-04-services .wpb_text_column {padding: 0 3em;}

.cd-home-section-04-services .cd-default-btn {padding: 0 3em 2em 3em;}

.zzzcd-home-section-08-cta .cd-cta-inner {padding: 3em 1em 0 3em;}

.cd-home-section-08-cta .cta-copy-col .vc_column-inner {padding: 3em 1em 3em 2em;}



.cd-home-section-08-cta .cta-form-col .vc_column-inner {padding: 2em 3em 0;}

.footer #recent-posts-3 > ul li:last-child {display: none;}

.page-template-page-blank-new .clutch-widget iframe {height: 330px;}

.cd-home-section-08-cta .cd-cta-inner:before {background-position: 30% bottom !important; background-size: 130%;}

.zpage-id-5299 .blank-container {margin-top: 115px;}

#featPort .portLeft, #featPort .portRight {width: 100%;}

.cd-home-section-03-01-hgs .vc_column-inner {padding-left: 15px !important; padding-right: 15px !important;}

#content.container.portContent {margin-top: 135px!important;}

body.term-web-design-and-development #featPort .bx-viewport {height: 280px !important;}

body.single #content .our-voice-quote h3 {font-size: 22px; line-height: 1.2;}

.vc_rtl-columns-reverse {flex-direction: column-reverse;}

.vc_video-bg-container, .vc_video-bg iframe {height: 42.3vh !important;}

.image-as-bg .vc_column-inner {height: 40vh; background-size: 100%;}

.contact-with-map .two-col-text-col-left {padding: 6em;}

.cd-our-team .wpb_text_column h4 {font-size: 17px !important; margin-bottom: .5rem;}

#content .cd-our-team .wpb_text_column p {line-height: 1.2 !important;}

.work-heading {width: 100%;}

.blank-container .cd-default-btn:not(.hide) {display: table; margin: auto;}

.single-project #content.container.headFix.portContent {margin-top: 143px !important;}

}


@media (max-width: 767px) {

.vc_video-bg {display: block !important;}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {width: 33.33%; clear: none !important;}

.map-embed iframe {height: 400px;}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {font-size: 14px !important;}

}


@media (min-width: 821px) {

.zzour-voice-hero {top: 40px;}

}

@media (max-width: 600px) {

.blank-container .cd-default-btn:not(.hide) {display: table; margin: 0 auto 1.3rem; width: 50%;}

.cd-default-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline {width: 100%;}

.text-right {text-align: left;}

.cd-home-section-02-intro h1 {font-size: 2.6em !important;}

.blank-container h2 {font-size: 2.2em !important;}

.blank-container h3, .blank-container h4 {font-size: 1.4em !important;}

.cd-accordion .vc_tta-panel .vc_tta-panel-heading h4 {font-size: 1.2em !important;}

.cd-cta-inner h1 {font-size: 2.3em !important;}

.cd-cta-inner h2 {padding: 0; font-size: 2em !important;}

.cd-home-section-01-slider {margin-bottom: 2em;}

.cd-home-section-02-intro {padding: 0 2em 3em;}

.cd-home-section-02-intro img {padding: 0 2em;}

.cd-home-section-02-intro p {text-align: left !important;}

.two-col-text-col-left, .two-col-text-col-right {padding: 3em 2em !important;}

.zztwo-col-image-col .wpb_images_carousel {height: 260px;}

.two-col-image-col .wpb_images_carousel {padding: 2em 1.5em;}

.section-title {zfont-size: 29px; /*white-space: break-spaces;*/}

.cd-specialty-02-digital-marketing .two-col-text-col-left {background-size: 100%;}

.cd-specialty-02-digital-marketing .two-col-text-col-left .section-title:after {margin-top: -1.6em; margin-bottom: -.3em;}

.cd-specialty-02-digital-marketing .two-col-image-col .vc_column-inner {background-size: 120%; background-position: 27% 150%; margin: 0;}

.cd-specialty-03-product .section-title {padding-right: 1em;}

.cd-specialty-03-product .two-col-text-col-right .section-title:after {width: 1.3em !important; margin-top: -1.5em; margin-left: 2em; margin-bottom: -.2em;}

.cd-specialty-03-product .two-col-image-col .vc_column-inner {background-size: 95%; height: 23.69em; background-position: 79% 0%;}

.before-after-row .vc_col-sm-6 .vc_column-inner {padding-top: 15px;}

.before-after-row .vc_col-sm-6 .wpb_content_element {margin-bottom: 15px;}

.before-after-parent-col {padding: 0 0 3em 0;}

.cd-home-section-03-01-hgs {padding: 1em 0 3em;}

.cd-home-section-03-01-hgs-left-col {zpadding: 0;}

.cd-home-section-03-01-hgs .vc_col-sm-8 .vc_column-inner {padding: 0;}

.before-after-heading {padding: 1em .5em 0 !important;}

.before-after-parent-col .before-after-project-title {height: 4em;}

.cd-home-section-08-cta .cd-cta-inner {padding: 3em 2em 15em !important;}

.cd-home-section-08-cta .cta-copy-col .vc_column-inner {padding: 0;}

.cd-home-section-08-cta .cta-form-col {padding: 0;}

.cd-home-section-08-cta .cta-form-col .vc_column-inner {padding: 0;}

.cd-home-section-08-cta .cd-cta-inner:before {background-position: 15% bottom !important; background-size: 250%;}

.cd-testimonials-content {padding: 2em 10%; line-height: 1.3;}

.before-after-container {padding: 0 0 4em;}

.before-after-heading {font-size: 37px !important;}

.before-after-project-title {font-size: 23px !important; padding: 0 3em;}

.page-id-4677 .headFix {margin-top: 117px;}

.before-after-heading {margin-bottom: 0 !important;}

.before-after-container p {margin: 3em 10%;}

.visible-xs {display: block;}

.hidden-xs {display: none;}

.before-after-result-col {width: 100%; box-shadow: none; margin: 0;}

.before-after-result-col.revenue {border-bottom: 2px solid #f4f4f4;}

.before-after-result-data {font-size: 3.8em;}

.ui-instruction {padding: 0 3em; font-size: 1.2em !important;}

.before-after-parent-col .wpb_content_element {margin-bottom: 0;}

.before-after-parent-col .before-after-project-title {margin-top: 1.75em;}

.before-after-parent-col .before-after-project-title, .before-after-parent-col .before-after-project-title a {font-size: 1.23em !important;}

.cd-home-section-08-cta .wpb_text_column {margin-bottom: 10px;}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item a {width: 100px !important; height: 100px !important; content: "" !important; background-size: 100px !important; margin-bottom: 15px;}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {margin: 0 auto 15px auto !important; font-weight: normal !important; text-transform: none !important; padding-top: 110px !important;}

ul#portNav li a {font-size: 16px; padding: 0 7px 0 7px;}

ul#portNav li#menu-item-1465, ul#portNav li#menu-item-24 {display: none;}

.flex-center .row.clearfix {display: block;}

.two-col-text-col-left .section-title:after, .two-col-text-col-right .section-title:after {display: none;}

body.term-web-design-and-development #featPort .bx-viewport {height: 240px !important;}

.cd-services-hero-section .wpb_single_image img {padding-top: 7px; width: 150%; max-width: 150%; transform: translateX(-16.8%);}

#left-right .vc_col-sm-6 .vc_column-inner p {font-size: 15px; padding: 0 1em;}

.cd-service-logo-category-left-col {padding: 0 2rem 0 .9rem;}

.cd-home-section-03-01-hgs .cd-home-carousel {margin-bottom: 1em;}

.zzvc_video-bg-container, .zzvc_video-bg iframe {height: 325px !important;}

.vc_video-bg-container, .vc_video-bg iframe {height: 33vh !important;}

.shutter-frame-section .two-col-text-col-left, .shutter-frame-section .two-col-text-col-right {padding-top: 0 !important;}

.specialty-shopify-intro h1 {font-size: 2.1em !important;}

.cd-mvv .vc_col-sm-4 p, .cd-mvv .vc_col-sm-4 li {font-size: 18px !important;}

.cd-mvv .vc_col-sm-4 {padding: 2rem 2rem 0 2rem;}

.cd-our-team .wpb_text_column h4 {font-size: 20px !important;}

.new-pf-grid .vc_grid-item, .new-pf-grid.new-pf-print .vc_grid-item {width: 100%; padding-right: 0 !important;}

.new-pf-grid .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {margin-right: 0;}

.new-pf-grid.new-pf-logos .vc_grid-item {width: 50%; float: left;}

.new-pf-grid.new-pf-logos .new-pf-title {font-size: 1.2rem;}

.new-pf-grid.new-pf-logos .new-pf-service-desc {display: none;}

.new-pf-grid.new-pf-logos .cd-default-btn {width: 80%; margin-top: 0 !important;}

.new-pf-grid .cd-default-btn .vc_btn3.vc_btn3-color-grey.vc_btn3-style-outline {font-size: 14px; padding: 12px 10px 12px !important;}

.cd-home-section-04-services .cd-default-btn {padding: 0 0 2em 0;}

.single-project .project-navigation {font-size: 12px;}

}


@media (min-width: 481px) {

.visible-xs {display: none;}

.hidden-xs {display: block;}

}



@media (max-width: 400px) {

.zzzcd-specialty-02-digital-marketing .two-col-image-col .vc_column-inner {background-position: 27% 185%;}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item a {width: 90px !important; height: 90px !important; background-size: 90px !important;}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {padding-top: 100px !important;}

ul#portNav li a {font-size: 14px;}

}


@media (max-width: 380px) {

.cd-home-section-02-intro {padding: 2em 1.5em;}

.section-title {font-size: 28px;}

.cd-specialty-02-digital-marketing .two-col-image-col .vc_column-inner {background-size: 120%; background-position: 27% 150%;}

.cd-specialty-03-product .two-col-image-col .vc_column-inner {height: 21.5em; /* background-position: 102% 50%; */}

.cd-home-section-03-01-hgs-left-col {padding: 0;}

.before-and-after-row {padding: 2em 1.5em 1em;}

.blank-container h3, .blank-container h4, .blank-container h5, .blank-container h6 {  font-size: 25px;}

.before-after-project-title {font-size: 1.6em !important;}

.two-col-text-col-left, .two-col-text-col-right {padding: 2em;}

body #content p, body #content ul li {font-size: 13px;}

.cd-home-section-08-cta .cta-copy-col h2 {margin-bottom: .6em; font-size: 30px;}

.cd-home-section-08-cta .cta-copy-col h1 {font-size: 3em !important;}

.cd-home-section-04-services .wpb_text_column {padding: 0 2em;}

.cd-home-section-04-services .cd-default-btn {padding: 0 2em 2em 2em;}

.cd-home-section-04-services .cd-default-btn {padding: 0 2em 2em 2em;}

.cd-home-section-08-cta .cd-cta-inner {padding: 2em;}

.cd-home-section-08-cta .cd-cta-inner:before {background-size: 300%;}

}


@media (max-width: 345px) {

.cd-home-section-02-intro h1 {font-size: 45px !important;}

.cd-specialty-02-digital-marketing .two-col-image-col .vc_column-inner {background-size: 141%; background-position: 37% 153%;}

.cd-specialty-03-product .two-col-image-col .vc_column-inner {height: 18.25em;}

}


@media (max-width: 320px) {

.cd-specialty-02-digital-marketing .two-col-text-col-left .section-title:after { margin-top: -2.6em; margin-right: -.7em; float: right;}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item a {width: 75px !important; height: 75px !important; background-size: 75px !important;}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {padding-top: 85px !important;}


}


body.single-project.postid-5614 .container .sixteen.columns, body.single-project.postid-5625 .container .sixteen.columns, body.single-project.postid-5641 .container .sixteen.columns, body.single-project.postid-5675 .container .sixteen.columns, body.single-project.postid-5689 .container .sixteen.columns {margin-bottom: 0 !important;}