/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/


/*
// Global headings.
*/
h4, .h4 {font-size: 150%}
h5,.h5 {font-size: 125%}

/*
// Buttons.
*/
.x-btn-alt-light {color: #fff; border-color: #fff;}
.x-btn-alt-light:hover {color: rgba(255,255,255,0.75); border-color: rgba(255, 255, 255, 0.75);}
.x-btn-alt-dark {color: #434f5b; border-color: #434f5b;}
.x-btn-alt-dark:hover {color: rgba(67,79,91,0.75); border-color: rgba(67, 79, 91, 0.75);}

/*
// Header.
*/
.x-topbar .p-info {letter-spacing: 0;}

/*
// Landmark header.
*/
.x-header-landmark {padding: 45px 0; border-color: #e4e1d0; background-color: #e4e1d0;}
.x-header-landmark h1.h-landmark {font-size: 200%; letter-spacing: 3px;}

/*
// Content headings.
*/
.entry-title {font-size: 125%;}
.h-widget {  font-size: 112%;}

/*
// Custom promo.
*/
.promo-custom {margin: 0 auto; max-width: 275px;}
.promo-custom h4 {margin: 0; font-size: 1.15em;}
.promo-custom p {margin: 0.75em 0 1.15em; font-size: 0.85em;}
.promo-custom p:last-child {margin-bottom: 0;}

/*
// Footer.
*/
footer p, footer h4 {color: #9d9d9d;}
footer a {color: #fff;}
footer a:hover {color: #6190a2;}
footer .footer-services {font-size: 16px; letter-spacing:0; color: #fff;}
footer .footer-credit {font-family: "Montserrat", sans-serif;}


/**** Added by Francis *****/
/*
// General Styles
*/
@font-face {
    font-family: 'levenim';
    src: url('webfonts/levenim-mt-webfont.eot');
    src: url('webfonts/levenim-mt-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/levenim-mt-webfont.woff2') format('woff2'),
         url('webfonts/levenim-mt-webfont.woff') format('woff'),
         url('webfonts/levenim-mt-webfont.ttf') format('truetype'),
         url('webfonts/levenim-mt-webfont.svg#levenim_mtregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: "levenim",serif !important; letter-spacing: -1px !important;}
h3, .h3 {font-size: 182%;}
body.x-navbar-fixed-top-active .x-navbar-wrap {height: 70px !important;}
.x-navbar .x-container.max {max-width: 100%;}
.x-navbar .mobile .x-nav li > a {margin: 0 0 5px; padding: 0.5em 0.95em;}
.x-navbar .header-contact {display: inline-block; float: left; font-size: 25px; margin-top: 13px; padding-left: 21px; color: rgb(42, 100, 150); font-weight: 700;}
.home .x-flexslider .x-slides .x-slide:first-child {display: block !important;}
.csp-txt-blue {color: #93d2ff;}
.x-btn, #load-more {/*background: rgba(0,0,0,0) linear-gradient(#ffb144, #e6770f) !important;*/background: rgb(255,177,68); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,177,68,1) 0%, rgba(230,119,15,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,177,68,1) 0%,rgba(230,119,15,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,177,68,1) 0%,rgba(230,119,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb144', endColorstr='#e6770f',GradientType=0 ); /* IE6-9 */ border: 1px solid #7e0000 !important; border-radius: 4px !important; color: #fff !important; /*font-size: 15px;*/ font-weight: 700; height: auto; padding: 15px 40px !important; text-shadow: 0 0 1px #000000 !important;}
.txt-shadow {text-shadow: 3px 3px 4px rgba(0,0,0,0.7);}
.x-colophon.bottom {font-size: 16px; color: #222; background: #fff !important; padding: 30px 0 0;}
.single .x-colophon.bottom {border-top: 1px solid #e0e0e0; /*margin-top: 150px;*/}
.x-header-landmark h1.h-landmark {letter-spacing: 0;}
.x-recent-posts a:hover .has-post-thumbnail .x-recent-posts-img::after {opacity: 0.7;}
.desktop .sub-menu {font-size: 15px; padding: 0;}
.desktop .sub-menu li > a {padding: 0.5em;}
.search .hentry {margin-top: 10px !important;}
.search .entry-featured {margin-bottom: 25px;}
.x-searchform-overlay .tt-upper {text-transform: none;}
.x-searchform-overlay .form-search .search-query {font-size: 5em;}

/*
// Home
*/
#csp-intro-header h1, #csp-wdd-s1 h1 {font-family: "levenim", arial, sans-serif; color: #fff; letter-spacing: 0;}
#csp-intro-header h1 {color: #93d2ff;}
#csp-intro-header #headline-logos {margin-bottom: 40px;}
#csp-intro-header #headline-logos img {padding: 20px 0;}
#csp-intro-header #headline-logos .x-column, #csp-intro-header #headline-footer .x-column {vertical-align: middle;}
#csp-intro-header #headline-logos .x-column.last img {max-width: 160px;}
#csp-intro-header h1 {text-transform: uppercase; font-weight: 700;}
#csp-intro-header .x-text:first-child {text-align: center;}
#csp-intro-header .headline-subheading {font-family: 'levenim',arial,sans-serif !important; color: #fff; text-transform: uppercase; display: block; margin-top: 25px; line-height: 1.1em;}
#healine-button {text-align: center; padding: 60px 0 100px;}
#csp-intro-header #headline-footer {background-color: rgba(0,0,0,0.5); text-align: center; padding: 30px 0;}
#csp-intro-header #headline-footer .x-column {margin-right: 0;}
#csp-intro-header #headline-footer blockquote {border: none; color: #fff; font-size: 1em; font-weight: 300; line-height: 1.5em; quotes: "\201C""\201D""\2018""\2019"; margin: 1.3em 0 0;}
#csp-intro-header blockquote::before {color: #ccc; content: open-quote; font-family: source sans pro; font-size: 7em; line-height: 0; margin-right: 0.2em; vertical-align: -0.4em;}
#csp-intro-header blockquote::after {color: #ccc; content: close-quote; font-family: source sans pro; font-size: 7em; line-height: 0; padding-left: 0.2em; vertical-align: -0.65em;}
.home #csp-contact .h-custom-headline, #csp-intro-header .h-custom-headline {margin: 0 !important;}
a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus {outline: none !important;  outline-offset: 0;}
.x-navbar {box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);}
.x-section {border-bottom: 1px solid #e0e0e0;}
.alm-reveal li {margin: 0; padding: 10px;}
.alm-reveal li img { border: 5px solid #f1f1f1;  border-radius: 5px;
  display: block;  margin: 0 auto !important;  position: static;  width: 100%;}
.alm-btn-wrap {clear: both;  padding: 30px 0;}
#testimonial-logos .x-img {margin: 0 auto; display: block;}
#csp-testimonials .x-img-circle {max-width: 100px; height: 100px; background-color: #f9f9f9;  border: 1px solid #ddd; border-radius: 100%; padding: 5px; float: right; display: static;}
#csp-testimonials .x-flexslider {background: transparent;}
#csp-recent-posts .entry-wrap .img-title-wrap {position: relative;}
#csp-recent-posts .entry-wrap:before {content: "\f138"; font-family: FontAwesome;  font-style: normal; font-weight: normal; color: #fff; font-size: 40px; position: absolute; top: -10px; right: 10px; opacity: 0.5; z-index: 3;}
#csp-recent-posts .x-recent-posts-content {bottom: 0; position: absolute; text-align: center; width: 100%; z-index: 3;}
#csp-recent-posts .x-recent-posts a {padding: 5px; min-height: 356px;}
#csp-recent-posts .x-recent-posts-img {position: relative;}
#csp-recent-posts .x-recent-posts-img:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.4); opacity: 1; margin: 0; width:100%; height: 100%;}
#csp-recent-posts .h-recent-posts {font-size: 22px; color: #fff; margin: 0; padding: 3px 10px; white-space:normal;}
#csp-recent-posts .x-recent-posts-date {font-size: 16px; color: #dedede;}

/*
// Benefits
*/
#csp-benefits .x-feature-box {margin: 2em auto; min-height: 150px;}
#csp-benefits .x-feature-box-title {font-weight: 700; font-size: 18px; text-transform: uppercase;}
#csp-benefits .x-feature-box-text {line-height: 1.5em;}
#csp-benefits .x-feature-box-content {width: 100%;}

/*
// Portfolio
*/
#csp-portfolio .x-tab-content {border: none; border-top: 5px solid #ff932b;}
#csp-portfolio .x-nav-tabs {border: none;}
#csp-portfolio .x-nav-tabs.two-up > li {padding: 0 10px; border: none;}
#csp-portfolio .x-nav-tabs.top > li a {border: none; color: #fff; font-size: 15px; font-weight: 700; padding: 15px 0; text-shadow: 0 0 1px #000000; text-transform: uppercase;}
#csp-portfolio .x-nav-tabs-item a {/*background: rgba(0,0,0,0) linear-gradient(#c2c2c2, #a9a9a9) repeat scroll 0 0;*/background: rgb(194,194,194); /* Old browsers */ background: -moz-linear-gradient(top, rgba(194,194,194,1) 0%, rgba(169,169,169,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(194,194,194,1) 0%,rgba(169,169,169,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(194,194,194,1) 0%,rgba(169,169,169,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c2c2', endColorstr='#a9a9a9',GradientType=0 ); /* IE6-9 */}
#csp-portfolio .x-nav-tabs-item.active a {/*background: rgba(0,0,0,0) linear-gradient(#ffb144, #e6770f) repeat scroll 0 0;*/background: rgb(255,177,68); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,177,68,1) 0%, rgba(230,119,15,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,177,68,1) 0%,rgba(230,119,15,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,177,68,1) 0%,rgba(230,119,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb144', endColorstr='#e6770f',GradientType=0 ); /* IE6-9 */}
#load-more {padding: 0 40px !important;}


/*
// Testimonials
*/
#csp-testimonials .testimonial-wrap {display: table; margin: 0 auto;}
#csp-testimonials blockquote {border: medium none; font: 300 20px Lato,Arial,sans-serif; margin: 0;}
#csp-testimonials blockquote p {margin-bottom: 0; float: left;}
#csp-testimonials .flex-control-nav {/*position: static;*/ background: transparent; bottom: -50px; top: auto; width: 100%; z-index: 10;}
#csp-testimonials .testimonial-wrap img, #csp-testimonials .testimonial-wrap .name-wrap {display: table-cell; vertical-align: middle; font-size: 18px; margin:0;}
#csp-testimonials .testimonial-name {font-weight: 700; text-transform: uppercase;}
#csp-testimonials .testimoinal-company {display: block; font-style: italic; font-weight: 300; line-height: 1em;}
#csp-testimonials .name-wrap {padding-left: 20px;}
.home #csp-testimonials .x-flexslider {/*height: auto !important;*/} 
.home #csp-testimonials .x-flexslider li:not(.flex-active-slide) blockquote {height: 150px !important;}

/*
// Awards
*/
#csp-awards #awards-content {font-size: 26px; line-height: 1.2em;}

/*
// Contact Us
*/
#csp-contact .x-container.max {max-width: 100%;}
#csp-contact .x-container.width {width: 90%;}
#csp-contact .x-column:nth-child(2n+1) {color: #fff; /*font-size: 60px;*/ font-weight: 300; line-height: 1;}
#csp-contact .x-column:nth-child(2) .x-text:nth-child(1) p:first-child, #csp-contact .x-column:nth-child(2) .x-text:nth-child(1) p:last-child {display: none;}
#csp-contact .csp-sub {color: #fff; display: block; font-size: 24px; font-weight: 300;}
#csp-contact h2 {color: #fff;}
#csp-contact .wpcf7-form {background-color: #fff;  border-radius: 10px; padding: 25px 30px 30px; font-weight: 300;}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea {border: 1px solid #e9e9e9; border-radius: 0; box-shadow: none; color: #333; font-size: 1em; font-weight: 300; height: 32px;}
.wpcf7-form textarea {height: 100px; padding: 10px !important;}
#csp-contact input.wpcf7-submit {/*background: rgba(0, 0, 0, 0) linear-gradient(#ffb144, #e6770f) repeat scroll 0 0 !important;*/background: rgb(255,177,68); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,177,68,1) 0%, rgba(230,119,15,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,177,68,1) 0%,rgba(230,119,15,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,177,68,1) 0%,rgba(230,119,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb144', endColorstr='#e6770f',GradientType=0 ); /* IE6-9 */  border: 1px solid #ff0000; border-radius: 2px; color: #fff; font-size: 20px; font-weight: 700; margin: 40px auto 0;  /*padding: 20px;*/ text-shadow: 0 0 1px #000000; text-transform: uppercase; max-width: 300px; width: 100%; display: block; box-shadow: 0 2px 5px #000;}

/*
// Website Development
*/
#facebook-like-wrap {padding: 20px 0; text-align: center;  width: 100%;}
#facebook-like-wrap .fb-like {background-color: rgba(255, 255, 255, 0.5); border-radius: 5px; margin: 0 auto;  padding: 0 20px 10px;}
#csp-header p:first-child, #csp-header p:last-child, #csp-blurb p:first-child, #csp-blurb p:last-child {display: none;}
#csp-wdd-s1 {border-bottom: none;}
#csp-wdd-s1 #csp-quote-box {background-color: rgba(17,111,165,0.5); border-radius: 10px; padding: 4% 8% 8%; text-align: center; margin-bottom: 13%;}
#csp-wdd-s1 #csp-quote-box h2 {color: #fff;}  
#csp-wdd-s1 #csp-quote-box p {display: none;}
#csp-header {position: relative; text-align: center;}
#csp-header .amp {font-family: Georgia, Times New Roman, serif; color: #c5f2ff;}
#csp-logo-wrap {background-color: rgba(163,187,30,0.8); padding: 5%; text-align: center; margin-top: 8%; border-top-left-radius: 10px; border-top-right-radius: 10px;}
#csp-blurb {background-color: rgba(147,167,50,0.8); text-align: center; padding: 2% 8% 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
#csp-blurb h2 {color: #fff; line-height: 0.9em;}
#wdd-col1 {margin-top: 50px; margin-bottom: 30px;}
#wdd-col2 {text-align: center;}
#wdd-col2 img {max-width: 90%;}
#jesse-testimonial {position: relative;}
#jesse-testimonial p {color: #fff; display: inline-block; font-size: 18px; font-style: italic; line-height: 1.2em; margin: 0; text-align: center; padding: 0 14%;}
#jesse-testimonial img {margin-bottom: 0;}
#wdd-btm-testimonials {margin-bottom: 5%;}
#wdd-btm-testimonials .x-flexslider {background-color: rgba(243,156,74,0.9); padding-bottom: 3%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#wdd-btm-testimonials blockquote {margin: 0; border: none; text-align: center;}
#wdd-btm-testimonials .flex-control-nav {position: static; border-radius: 0; background: none;}
#wdd-btm-testimonials #testimonial-bottom-wrap {padding: 4% ; display: table; text-align: center; padding-bottom: 0;}
#wdd-btm-testimonials #testimonial-bottom-wrap img {padding: 4%; border-radius: 10px; background: #eb8e38;}
#wdd-btm-testimonials .with-container {border: none; padding: 0; background: none;}
#wdd-btm-testimonials .bquote-top {background-color: rgba(235,142,56,0.9); font-weight: 300; color: #fff; padding: 2% 4%; line-height: 1.5em; border-top-left-radius: 10px; border-top-right-radius: 10px;}
#wdd-btm-testimonials .bquote-top p {margin-bottom: 0;}
#wdd-btm-testimonials .bquote-bottom {padding: 0; font-size: 16px; color: #fff; font-weight: 700; line-height: 1.5em; quotes: "\201C""\201D""\2018""\2019"; margin: 1.3em 0 0;}
#wdd-btm-testimonials .bquote-bottom p {display: none;}
#wdd-btm-testimonials .bquote-bottom::before {color: #fff; opacity: 0.5; content: open-quote; font-family: sans-serif; font-size: 7em; line-height: 0; margin-right: 0.2em; vertical-align: -0.4em;}
#wdd-btm-testimonials .bquote-bottom::after {color: #fff; content: close-quote; font-family: sans-serif; font-size: 7em; line-height: 0;  margin-right: 0; opacity: 0.5; padding-left: 0.2em; vertical-align: -0.63em;}
#wdd-btm-testimonials .testimonial-name {font-weight: 700; font-size: 20px; color: #fff;}
#wdd-btm-testimonials .flex-control-nav a {background: #fff;}
#wdd-btm-testimonials .flex-control-nav .flex-active {background: #97dbeb;}
#csp-wdd-s2 .wpcf7-form {background-color: rgba(0,82,141,0.7); color: #fff;}
#csp-wdd-s2 .cf-header {margin-top: 0; font-family: levenim; line-height: 1em;}
#csp-wdd-s2 .cf-header span {color: #c5f2ff;}
#csp-wdd-s2 .cf-details {font-size: 26px; font-weight: 700; line-height: 1.2em;}
#csp-wdd-s2 .cf-details a {color: #fff;}
#csp-wdd-s2 .cf-footer-text {font: 30px 'levenim'; text-align: center;}
#csp-wdd-s2 #csp-logo-wrap {background-color: rgba(235,142,56,0.9); border-top-right-radius: 10px; padding: 2% 4%;}
#csp-wdd-s2 #csp-logo-wrap h2 {color: #fff;}
#csp-wdd-s2 #csp-blurb {background-color: rgba(243,156,74,0.7);}

/*
// Mobile App Development
*/
.mad-heading {font-family: 'levenim',arial,sans-serif !important;}
.csp-mad-section {border-bottom: none;}
.accent-bottom {margin-bottom: 0; width: 100%;}
.accent-top {margin-top: 0; width: 100%;}
#mad-s2-col1 {background-color: rgba(27, 99, 142, 0.7); padding: 2% 0 4% !important; color: #fff; font-size: 22px;}
#mad-s2-col1 img {padding: 0 10%;}
#mad-s2-col1 p {text-align: center;}
#mad-s2-col1 ul li {line-height: 1.2em; margin-bottom: 1.2em;}
#mad-s2-col1 .left-text {background-color: rgba(0, 57, 98, 0.5); padding: 6%;}
#csp-mad-s2 h2, #csp-mad-s3 h2 {margin-top: 0; text-align: center; }
#csp-mad-s2 .x-container {z-index: 1;}
#csp-mad-s3, #csp-mad-s3 h2 {color: #fff;}
#csp-mad-s3 .text-indent {padding-left: 1.5em;}
#csp-mad-s3 h2 {letter-spacing: -2px;}
#mad-s3-r1 {background-color: rgba(27, 99, 142, 0.7); padding: 20px 20px 0 !important;}
#mad-s3-r1-col1 {margin-right: 0;}
#mad-s3-r1-col1 h2 {margin-bottom: 0; padding-top: 15px;}
#mad-s3-r1-col2 .x-text {font-size: 24px !important; line-height: 1.2em;}
#mad-s3-r1-col2 .x-text p {margin-bottom: 0.2em;}
#mad-s3-r2 {background-color: rgba(0, 0, 0, 0.6); padding: 2em !important;}
#mad-s3-r2 img {margin-bottom: 0.7em; height: 434px;}
#mad-s3-r2 .x-text {font-weight: 700;}
#mad-s3-r2 .x-block-grid {margin-bottom: 0;}
#mad-s3-r2 .x-text p {line-height: 1em !important;}
#csp-mad-testimonials #wdd-btm-testimonials, #csp-mad-testimonials .x-flexslider-shortcode-container {margin-bottom: 0;}
#csp-wdd-s2.csp-mad-contact .wpcf7-form {margin-top: 10%;}
#csp-mad-testimonials .bquote-top, #csp-mad-testimonials #testimonial-bottom-wrap, #csp-mad-testimonials #wdd-btm-testimonials #testimonial-bottom-wrap img, #csp-mad-testimonials #wdd-btm-testimonials .x-flexslider {background: none; color: #000;}
#csp-mad-testimonials #wdd-btm-testimonials .bquote-bottom::before, #csp-mad-testimonials #wdd-btm-testimonials .bquote-bottom::after {color: #dde3eb;}
#csp-mad-testimonials #wdd-btm-testimonials .bquote-bottom, #csp-mad-testimonials #wdd-btm-testimonials .testimonial-name {color: #2c2c2c;}
#csp-mad-testimonials #wdd-btm-testimonials .flex-control-nav a {background: #e0e0e0;}
#csp-mad-testimonials #wdd-btm-testimonials .flex-control-nav .flex-active {background: #00528d;}
#csp-mad-testimonials #wdd-btm-testimonials #testimonial-bottom-wrap {padding: 0;}
#csp-mad-testimonials #wdd-btm-testimonials #testimonial-bottom-wrap img {margin: 2% auto; max-width: 200px; padding: 0;}
#csp-mad-testimonials #wdd-btm-testimonials .bquote-bottom {font-weight: 400;}
#csp-mad-testimonials #wdd-btm-testimonials .bquote-top p {font-size: 50px; line-height: 0.9em;}
#mad-s3-r2-footer p {font-size: 45px;}

/*
// Website Portfolio
*/
.thumb-title-red {background: #e31836;}
.thumb-title-teal {background: #5c96a2;}
.thumb-title-blue {background: #3065a0;}
.thumb-title-orange {background: #f3b100;}
.thumb-title-dark-blue {background: #00327a;}
.thumb-title-green {background: #009e55;}
.thumb-title-mint {background: #35b74b;}
.thumb-title-army {background: #777a29;}
.thumb-title-purple {background: #441f52;}
.web-portfolio-description {color: #fff; font-weight: 300;}
.web-portfolio-button {background: rgba(240, 240, 240, 0.25) !important; border: none !important; border-radius: 10px !important; text-transform: capitalize !important; text-shadow: none !important; font-weight: 300; padding: 0 40px 10px !important; font-size: 35px !important;}
.web-portfolio-button span {display: block; font-size: 18px; font-weight: 700; opacity: 0.5; text-transform: uppercase;}
.web-portfolio-bottom .h-custom-headline {margin: 0; padding: 4% 0 3%;}
.web-portfolio-bottom img {border: 1px solid #ccc; width: 100%; margin-bottom: 1em;}
.portfolio-thumbs .x-text {padding: 5px 15px; margin-bottom: 10%; font-weight: 300; text-transform: uppercase; color: #fff;}
.portfolio-thumbs .x-text p {margin: 0;}
.web-portfolio-bottom {border-bottom: 5px solid #ff0000; padding-bottom: 6% !important;}
#cs-content .web-portfolio-bottom:nth-last-child(2) {border: none !important;}

/*
// Mobile Portfolio
*/
.portfolio-thumbs .thumb-title {margin-bottom: 10px;}
.portfolio-thumbs .mobile-portfolio-blurb {color: #000 !important; text-transform: capitalize !important; line-height: 1.4em; text-align: justify; padding:0;}
.mobile-section {position: relative;}
.desc-row-wrap {color: #fff; position: absolute !important; bottom: 0; width: 100%;}
.mobile-header {background-color: rgba(255, 255, 255, 0.5); text-align: center; padding-top: 15px; padding-bottom: 15px;}
.mobile-header h2 {font-size: 70px; margin: 0; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);}
.mobile-footer {padding: 10px; text-align: center;}
.mobile-footer p {display: table-cell; font-size: 14px; font-weight: 300; height: 90px; vertical-align: middle;}

/*
// Blog
*/
.single article {margin-bottom: 2em;}
.single h1.entry-title {font-size: 2em; font-weight: 700;}
.single .entry-content h2 {font-size: 1.6em; line-height: 1.1em; font-weight: 700;}
.single .entry-content h3 {font-size: 1.4em; line-height: 1.1em;}
body.single a {color: #429cd6; font-weight: 400;}
.single .entry-header, .single .entry-content {font-size: 20px !important;}
.single .x-header-landmark {background-color: #000; background: url('https://customsoftwarebypreston.customsoftwareby.netdna-cdn.com/wp-content/uploads/2016/03/header-img.jpg') center / cover no-repeat; color: #fff;}
.single aside .entry-featured {background: none; border: none; margin-top: 0; padding: 0;}
.single.single-format-video aside .entry-featured {display: none;}
.single.single-format-video aside .adrotate_widgets {margin-top: 0;}
.entry-title::before {content:"" !important;}
.entry-title a {font-weight: 700;}
.entry-header .p-meta {font-size: 14px;}
.single .entry-header, .single .entry-content {font-weight: 300;}
.single .h-landmark {color: #fff;}
.page #ajax-load-more article/*:nth-child(3n)*/ {margin: 0; padding: 1em; font-weight: 300;}
.page article .entry-header {margin-bottom: 1em;}
.page .entry-content.excerpt .more-link {display: block; margin-top: 1em;}
.page .entry-featured {border: none; padding: 0;}
.page #ajax-load-more article:nth-child(3n+1) {clear: left;}
.single blockquote {border: none; border-left: 5px solid #eee;}
.single blockquote p {margin-bottom: 0;}
.single .entry-featured {margin: 0 0 25px;}
.x-nav-articles {margin-top: 2em;}
.x-nav-articles:before,.x-nav-articles:after {display: table; content: ""}
.x-nav-articles:after {clear: both}
.x-nav-articles a {position: relative; line-height: 1.3em; max-width: 50%;}
.x-nav-articles .prev {float: left;}
.x-nav-articles .next, .x-nav-articles .x-icon-arrow-right {float: right}
.x-nav-articles .x-icon-arrow-left {margin-right: 5px;}
.x-nav-articles .x-icon-arrow-right {margin-left: 5px;}
.x-nav-articles a:hover {color: #222;}
.single .entry-footer {margin-top: 50px;}
#related_posts .entry-content.excerpt {font-size: 18px !important; line-height: 1.5em;}
#related_posts .entry-title {font-size: 100% !important;}
#related_posts .more-link {display: block; margin-top: 5px;}
#related_posts article .entry-featured {margin-bottom: 15px !important;}
#related_posts article {margin-bottom: 5%;}
.x-comments-area {clear: both;}
.single aside .csp-ads {text-align: center;}
.comment-form-author, .comment-form-email, .comment-form-url {width: 50% !important;}

/*
// Thank You
*/
#csp-thank-you .x-callout {background: #fff; border-radius: 10px;}
#csp-thank-you .h-custom-headline {color: #fff; }
#csp-thank-you .ty-content {color: #fff; line-height: 1.2em;  font-size: 26px;}
#csp-thank-you .x-btn {display: block; clear: both;}
#csp-thank-you .x-btn {display: block; margin: 5px auto; max-width: 250px;}
#csp-thank-you .p-callout {margin-bottom: 0; font-size: 22px; font-weight: 300;}

/*
// FAQ
*/
.csp-questions .x-text ul {list-style: none; margin-left: 0;}
.csp-questions .x-text li {line-height: 1.5em; margin: 20px 0;}
.csp-questions .x-text li a {font-size: 20px;}
#csp-faq .x-prompt {background-color: #f1f1f1;  border: none;  border-radius: 10px;}
#csp-faq .x-prompt .h-prompt {font-size: 22px; text-align: center;}
#csp-faq .x-prompt .p-prompt {display: none;}
#csp-faq-r1 p {color: #949494; font-size: 25px; font-weight: 300; line-height: 1em; margin-bottom: 1em; margin-top: 0.5em;}
#csp-faq-r1 .h-custom-headline {margin-bottom: 0;} 
.csp-faq-wrap {background-color: rgba(0,0,0,0.7) !important; border-radius: 10px; padding: 2% 8% !important; color: #ddd; font-size: 20px; font-weight: 300;}
#csp-faq-header .h-custom-headline {color: #fff; margin-top: 0.5em;}
#csp-faq-header .x-video {margin: 1.5em 0;}
#csp-faq-header .x-video.with-container {padding: 0.5%;}

/*
// Back End Web Application Development page
*/
.csp-backend-web-dev .h-feature-headline span {padding-left: 2em;}
.csp-approach-list {background: url('images/our-approach-bg.png') no-repeat right bottom;}
.csp-backend-web-dev #two-column label {color: #ccc;}
.csp-backend-web-dev .wpcf7-submit {background: #ffb144; border-width: 0; color: #fff; width: 100%;} 
#two-column .wpcf7-form-control {border-radius: 5px; border: none;}
.contact-num {font-size: 1.5em; line-height: 1.7em;}
.contact-num span {font-size: 2em;}
.contact-num a {color: #fff;}
.csp-backend-web-dev h2 span {font-size: 1.5em;}
.csp-backend-web-dev .testimonial-wrap {clear: both; margin: 40px 80px;}
.csp-backend-web-dev .testimonial-wrap:nth-child(2) {margin-bottom: 20px;}
.csp-backend-web-dev .testimonial-wrap p {margin: 0;}
.csp-backend-web-dev .testimonial-wrap img {display: table-cell; margin-bottom: 0; max-width: 80px; padding: 5px;}
.csp-backend-web-dev .x-flexslider-shortcode-container {background: transparent; border: none;}
.csp-backend-web-dev .testimonial-wrap blockquote {margin: 0 0 20px 0; font-size: 15px; background: #fff; border-radius: 15px; border: none;}
.csp-backend-web-dev .testimonial-author {color: #fff; display: table; margin: 0 auto;}
.csp-backend-web-dev .testimonial-author .name-wrap {display: table-cell; vertical-align: middle; line-height: 1.2em; padding: 0 10px;}
.csp-scontact-backend .x-flexslider {background: none;}
.csp-scontact-backend .flex-control-nav {position: static; background: transparent;}
.csp-scontact-backend .flex-control-nav a {background: #fff;}
.csp-backend-web-dev .testimonial-wrap:nth-child(2) .name-wrap {text-align: right;}
.csp-backend-web-dev .testimonial-company {color: #ccc;}
.csp-backend-web-dev .testimonial-wrap blockquote::before {color: #44a8f1; content: open-quote; font-family: sans-serif;  font-size: 13em; line-height: 0; margin-right: 0.2em; opacity: 0.7; vertical-align: -0.4em;}
.csp-backend-web-dev .testimonial-wrap blockquote::after {content: close-quote; color: #fff;}
.csp-backend-web-dev hr {border-radius: 5px; background-color: #dedfe7;width: 15%; height: 4px}
.csp-wal-request-quote p {font-size: 25px; font-weight: 700; margin-bottom: 0; color: #fff;}
.csp-backend-web-dev .csp-wal-brands-head {display:none;}
.csp-case-study .x-text p {font-size:24px;}
.csp-scontact-backend .cs-ta-center h2 {font-size: 30px;}
.csp-scontact-backend .cs-ta-center h2 .csp-txt-blue {font-size: 55px;}
.contact-num a {font-size: 17px !important;}
.csp-scontact-backend .wpcf7-captcha-csp-captcha { display:block;}
.csp-scontact-backend .wpcf7-submit:hover {background: #45a7f2 !important;}

/*--- 2 Column Form Styles Start ---*/
#two-column .left {width: 47%; float: left; margin-right:6%;}
#two-column .right {width: 47%; float: left;}
#two-column .clearfix:after {content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; margin-bottom:10px;}
#two-column .clearfix {display:block;}
/*--- 2 Column Form Styles End ---*/


/*
// Enterprise Software and Web Apps page
*/
/* Global */
.csp-banner {font-size: 18px; text-align: left !important;}
.csp-banner h1 {color: #fff; font-size: 42px; margin-top: 0; text-align: left;}
.csp-banner .x-text {color: #fff;}
.csp-banner .csp-logo {max-width: 176px;}
.csp-brands img {margin-bottom: 0;}
.page-enterprise-software .testimonial-wrap {clear: both; margin: 40px 80px;}
.page-enterprise-software .testimonial-wrap:nth-child(2) {margin-bottom: 20px;}
.page-enterprise-software .testimonial-wrap p {margin: 0;}
.page-enterprise-software .testimonial-wrap img {display: table-cell; margin-bottom: 0; max-width: 80px; padding: 5px;}
.page-enterprise-software .x-flexslider-shortcode-container {background: transparent; border: none;}
.page-enterprise-software .testimonial-wrap blockquote {margin: 0 0 20px 0; font-size: 15px; background: #fff; border-radius: 15px; border: none;}
.page-enterprise-software .testimonial-author {color: #fff; display: table; margin: 0 auto;}
.page-enterprise-software .testimonial-author .name-wrap {display: table-cell; vertical-align: middle; line-height: 1.2em; padding: 0 10px;}
.page-enterprise-software .testimonial-wrap:nth-child(2) .name-wrap {text-align: right;}
.page-enterprise-software .testimonial-company {color: #ccc;}
.page-enterprise-software .testimonial-wrap blockquote::before {color: #44a8f1; content: open-quote; font-family: sans-serif;  font-size: 13em; line-height: 0; margin-right: 0.2em; opacity: 0.7; vertical-align: -0.4em;}
.page-enterprise-software .testimonial-wrap blockquote::after {content: close-quote; color: #fff;}
.page-enterprise-software .wpcf7-submit {background: #ffb144; border-width: 0; color: #fff; width: 100%;} 
.page-enterprise-software .csp-scontact-backend label{color: #a9a9a9;}
.page-enterprise-software #two-column .wpcf7-form-control {border-radius: 5px; border: none;}
.page-enterprise-software .contact-num a {color: #fff;}
.csp-how-it-works .x-nav-tabs, .csp-how-it-works .x-tab-content {border: none;}
.csp-how-it-works .x-nav-tabs > li > a {background: #eae7e0; font-weight: bold; color: #000;}
.csp-how-it-works .x-nav-tabs > li > a:hover {cursor: pointer;}
.csp-how-it-works .x-nav-tabs-item.active a {background: none;}
.csp-how-it-works .x-nav-tabs.top > li a {border-bottom: none;}
.csp-how-it-works .x-nav-tabs-item.active {background: url(http://staging.markuppros.com/cspv3/wp-content/themes/x-child/images/tab-border-bg.jpg) top center / 5px 24px /* position / size */ repeat-x;}    }
.csp-how-it-works .x-nav-tabs-item.active a:hover {background-color: transparent !important;}
.csp-how-it-works .x-nav-tabs > .active > a, .csp-how-it-works .x-nav-tabs > .active > a:hover {background-color: transparent !important; border-bottom: none;}
.csp-how-it-works .x-nav-tabs.top > li {border-right: 10px solid #fff;}
.x-ul-icons [data-x-icon], .x-ul-icons [class*="x-icon-"] {color: #24962f; font-size: 20px;}
.csp-how-it-works .x-tab-content .x-tab-pane {padding: 4% 4% 0;}
.csp-how-it-works .h-feature-headline span i {background-color: #44a8f1;}

/*
// World Class Software page
*/ 
/*.page-world-class-software #facebook-like-wrap {text-align: left;}*/
.page-world-class-software h1 {color: #fff; letter-spacing: -2px !important;}
.video-container {width: 100%;}
.video-monitor {position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-top: 0;}
.video-monitor iframe {box-sizing: border-box; /*background: url(http://i.stack.imgur.com/zZNgk.png) center center no-repeat;*/ background: url(https://customsoftwarebypreston.com/wp-content/uploads/2016/09/brett-miller-video.png) center center no-repeat; background-size: contain; padding: 8.9% 3.5% 9.8%; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.clients-blurb1 {font-size: 20px; line-height: 1.5em; font-weight: 300;}
.clients-blurb2 {font-size: 20px; font-weight: 300; font-style: italic; display: block; margin-top: 25px;}
.page-world-class-software #csp-testimonial-logos img {margin-bottom: 0;}
#csp-optin, #csp-optin blockquote, #csp-optin h2 {color: #fff;}
#csp-optin blockquote {border: none; margin: 0; padding: 0.5em 1em; font-size: 26px; font-style: italic;}
#csp-optin p {font-size: 20px; font-weight: 300;}
.cornerstone-logo {margin-bottom: 0; max-width: 220px;}
.cornerstone-header {-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5); position: relative; z-index: 999;}
.cornerstone-header .x-column:nth-child(2) {text-align: right; font-weight: 300; font-size: 20px;}
.cornerstone-header .csp-contact {font-weight: 700;}
.page-world-class-software .wpcf7 {background: #fff; padding: 14px; border-radius: 8px;}
.page-world-class-software input.wpcf7-submit {/*background: rgba(0, 0, 0, 0) linear-gradient(#ffb144, #e6770f) repeat scroll 0 0 !important;*/background: rgb(255,177,68); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,177,68,1) 0%, rgba(230,119,15,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,177,68,1) 0%,rgba(230,119,15,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,177,68,1) 0%,rgba(230,119,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb144', endColorstr='#e6770f',GradientType=0 ); /* IE6-9 */  border: 1px solid #ff0000; border-radius: 2px; color: #fff; font-size: 14px; font-weight: 700; margin: 30px auto 0;  /*padding: 20px;*/ text-shadow: 0 0 1px #000000; text-transform: uppercase; max-width: 210px; width: 100%; display: block; box-shadow: 0 2px 5px #000;}
.cf7header {text-align: center; font-size: 20px; font-weight: 300;}
.cf7header h2 {font: 300 34px Lato, Arial, sans-serif; margin: 0;}
.cf7header .cf7blurb1 {font-size: 19px; font-style: italic;}
.cf7header .cf7blurb2 {line-height: 1.5em; margin-bottom: 25px;}
.page-world-class-software .wpcf7-form {margin-bottom: 0;}
.page-world-class-software .wpcf7-form input[type="text"], .page-world-class-software .wpcf7-form input[type="email"], .page-world-class-software .wpcf7-form textarea {border: 1px solid #bfbfbf;}
.page-world-class-software .wpcf7-form textarea {height: 145px;}
.wpcf7 p {margin-bottom: 0.5em;}
.page-world-class-software .mashable{background-color: rgba(23, 21, 21, 0.5); border-radius: 5px;  margin: 0 auto; padding: 7px 20px 5px; width: 37%; float: right; color:#fff;}
.page-world-class-software .mashable img{margin-top: -5px;}
.page-world-class-software #facebook-like-wrap .fb-like{width: 49%; padding: 3px 20px 8px;float: left;}
.csp-wcs-second-section img {margin-bottom: 0;}
#csp-about .x-video .x-video-inner {
	position: relative;
    	padding-bottom: 71%;
    	height: 0;
    	overflow: hidden;
    	bottom: 40px;
}

#application-devs-portfolio .alm-btn-wrap {
	display: none;
} 


/*
// Media Queries
*/ 
    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
    
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
		.home #csp-testimonials {height: 310px;}
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		#csp-portfolio .x-tab-content .x-tab-pane {padding: 4% 0;}
		#csp-portfolio .alm-reveal .x-column.x-1-4 {width: 25%;}
		#csp-testimonials .testimonial-wrap {float: left; width:40%;}
		#csp-testimonials blockquote {float: left; width: 60%; border-left: 1px solid #ccc;}
		#csp-quote-box {bottom: -50%; position: absolute; right: 0; max-width: 50%; padding: 2% 2% 3% !important; z-index: 1; margin-bottom: 0;}
		#mashable-logo {padding-top: 30%;}
		#csp-header .title1, #csp-header .title2, #csp-header .amp {display: block;}
		#csp-wdd-s1 h1 {display: inline-block; font-size: 80px; position: relative; margin: 0;}
		#csp-header .amp {font-size: 200px; position: absolute; top: -8px;}
		#csp-header .title2 {padding-left: 154px;}
		#csp-header img {position: absolute; right: -28px; top: 0;}
		/*.wdd-contact .wpcf7 {max-width: 85%;}*/
		#csp-wdd-s2 .cf-header {font-size: 80px !important;}
		#wdd-btm-testimonials .bquote-top p {font-size: 50px;} 
		.page #ajax-load-more article/*:nth-child(3n)*/ {margin: 0; width: 33.28%;}
		.mobile-header {height: 54px; overflow: visible; padding-top: 0; padding-bottom: 0;}
		.mobile-header h2, .mobile-header img {float: left;}
		.mobile-header h2 {font-size: 66px; height: 0; margin: -7px 0 0 -10px;}
		.mobile-header img {margin-right: 2em;}
		.mobile-footer {padding: 10px; text-align: left;}
		#csp-mad-s2.bg-image {background-size: contain;}
		#mad-s3-r2 > .x-block-grid p {margin-bottom: 0;}
		#accent-container, #csp-mad-testimonials {position: relative;}
		#accent-container::after {background: rgba(0, 0, 0, 0) url("http://customsoftwarebypreston.customsoftwareby.netdna-cdn.com/wp-content/uploads/2016/03/top-accent.png") no-repeat; height: 162px; position: absolute; width: 100%; content: ""; display: block; background-size: 100% 100%; bottom: 0;}
		#csp-mad-testimonials #wdd-btm-testimonials {z-index: 1;}
		#csp-mad-testimonials {max-height: 577px;}
		#csp-mad-s2 {position: relative;}
		#csp-mad-s2::after, #csp-mad-testimonials::after {background: rgba(0, 0, 0, 0) url("http://customsoftwarebypreston.customsoftwareby.netdna-cdn.com/wp-content/uploads/2016/03/bottom-accent.png") no-repeat; height: 162px; position: absolute; width: 100%; content: ""; display: inline-block; background-size: 100% 100%; bottom: -162px;}
		#csp-contact .x-container.width {width: 100%;}
		#csp-contact .x-column:nth-child(2) {width: 40%;}
		.home .h-custom-headline {margin: 20px 0 50px !important;}
		#csp-faq .x-prompt {width: 70%; margin: 0 auto;}
		.csp-faq-wrap {margin: 0 auto !important; float: none; max-width: 80%;}
		#csp-faq-r2 {width: 50%;}
       
    }

    @media only screen and (min-width : 800px) {
		.home .alm-reveal .x-column.x-1-3 {width: 33%;}
    }
	
    @media only screen and (min-width : 980px) {
		#mad-s2-col1 {position: absolute; top: -100px;}
		#mad-s2-col2 {float: right;}
		#csp-mad-s2 {max-height: 400px;}
		.page-world-class-software #csp-testimonials {height: 315px;}
		.video-container {text-align: center; width: 100%;}
		.video-monitor {display: block; margin: 0 auto; padding-bottom: 56.5%; padding-top: 0; width: 80%;}
    }	

	
    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
		#csp-portfolio .x-nav-tabs {width: 50%; margin: 0 auto;}
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
		#csp-recent-posts .h-recent-posts {font-size: 25px;}
		
		/* Begin re-structure the Above-the-Fold at 700px height*/
		#csp-intro-header {padding-top: 0 !important;}
		#csp-intro-header #headline-logos {margin-bottom: 0;}
		#csp-intro-header h1 {font-size: 60px !important;}
		#csp-intro-header .headline-subheading {font-size: 36px !important;}
		#csp-intro-header #healine-button {padding: 55px 0 !important;}
		#csp-intro-header #headline-footer {padding: 20px 0 0 !important;}
    }
    @media only screen and (min-width : 1280px) {
        
    }
    @media only screen and (min-width : 1600px) {
        
    }

    /* Small Devices, Tablets */
	@media only screen and (max-width : 1200px) {
		#mad-s3-r2-footer p {padding-bottom: 30px; font-size: 45px;}
	}
	
	@media only screen and (min-width : 1024px) {
		.page-world-class-software .mashable { width: 49% !important;} 
    		#csp-optin .mad-heading { font-size: 40px; }
	}
	
    @media only screen and (max-width : 979px) {
		.x-navbar-fixed-top, .x-navbar-fixed-left, .x-navbar-fixed-right {position: fixed;}
		#csp-header h1 {margin-top: 0 !important;}
		#csp-services img {margin-top: 0 !important;}
		#csp-testimonials .testimonial-wrap img, #csp-testimonials .testimonial-wrap .name-wrap { font-size: 15px;}
	
    }
	
	@media only screen and (max-width : 910px) {
		#csp-wc-banner {padding-bottom: 4% !important;}
	}

    @media only screen and (max-width : 768px) {
		#csp-intro-header #headline-logos .x-column {text-align: center !important;}
		.web-portfolio-top .x-column {padding: 10% 5%;}
		.csp-approach-list {background: none;}
        #x-section-10 img{     position: static !important; width: 100% !important; height: auto; margin-left: -7%; margin-top: -10%;}
        .csp-backend-web-dev .cs-ta-justify{padding: 0 !important;}
        .csp-backend-web-dev #x-section-10 .x-text {width:100% !important;}
        .csp-backend-web-dev .testimonial-wrap{    margin: 40px 0 !important;}
		.page-tailor-made-software .cs-ta-justify{padding: 0 !important;}
        .page-tailor-made-software #x-section-10 .x-text {width:100% !important;}
        .page-tailor-made-software .testimonial-wrap{    margin: 40px 0 !important;}
        .video-container {position: static; width: 100%; margin-top: 20px;}
        .cornerstone-header .csp-contact, .cornerstone-header .x-raw-content {font-size:17px; margin-top: 5px;}
        .csp-wcs-second-section{padding:40px 0 0 0 !important;}
        .fb_iframe_widget_fluid{display:block !important;}
        .page-world-class-software #facebook-like-wrap .fb-like{ width: 100% !important; float:none;}
        .page-world-class-software .mashable{width: 100%; margin: 17px 0 0 0; float:none; text-align: center;}
        .page-world-class-software .mad-heading{ font-size: 34px; }
        .x-column.x-2-3 { width: 58.33332%; }
        .x-column.x-1-3 { width: 37.66666%; }
	.get-a-quote-header { font-size: 33px !important; }
	.cf7blurb2 { font-size: 14px; }	      
	.img-devices { padding-bottom: 40px; }
	#csp-testimonial-logos { padding: 5% 3% !important; } 
	#csp-optin p { font-size: 14px; }
	.x-colophon.bottom .x-colophon-content p { font-size: 14px; }
	.text-block { display: none; }
	#facebook-like-wrap{ padding: 0 0 20px 0; }
	#csp-optin .mad-heading { font-size: 34px; }
    }

    @media only screen and (max-width : 767px) {
		.mobile-section {min-height: 800px !important;}
		.mobile-header h2 {font-size: 60px; line-height: 1em; margin: 20px 0 0;}
		#csp-mad-s3, #csp-mad-testimonials {padding: 10% 0 !important;}
		#mad-s2-col1 {margin: 10% 0;}
		#csp-mad-s3 .text-indent {padding-left: 0;}
		#csp-mad-testimonials .x-1-6 {display: none;}
		body.csp-news .x-section:first-child {padding: 6% 0 4% !important;}
		.home .x-recent-posts > a.x-recent-post3 {width: 100%;}
		.alm-reveal li {padding: 0 0 20px;}
		#csp-benefits .x-feature-box {margin: 2em auto; min-height: 0;}
		#related_posts article {margin-bottom: 10%;}
		.home .h-custom-headline {margin: 20px 0 !important;}
		#csp-mad-testimonials #wdd-btm-testimonials .bquote-top p, #csp-wdd-s2 .testimonial-wrap blockquote p {font-size: 30px !important; line-height: 1em;}
		#csp-faq-header {padding: 10% 0 !important;}
		.web-portfolio-top {padding-top: 10% !important;}
		.web-portfolio-bottom {padding-bottom: 15% !important;}
		#to-contact-us {background: rgb(255,177,68); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,177,68,1) 0%, rgba(230,119,15,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,177,68,1) 0%,rgba(230,119,15,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,177,68,1) 0%,rgba(230,119,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb144', endColorstr='#e6770f',GradientType=0 ); /* IE6-9 */ border-radius: 2px; bottom: 15px; color: #fff !important; display: none; font-size: 12px; height: auto; margin: 0 10px; padding: 5px 10px; position: fixed; right: 5px; text-shadow: 0 0 1px #000000; text-transform: uppercase; z-index: 1050;}
		#csp-faq-header .h-custom-headline, #csp-faq .h-custom-headline {font-size: 180%;}
		.csp-faq-wrap {font-size: 18px;}
		.page-tailor-made-software .csp-our-clients-title{ margin: 40px 0 0 0 !important;}
        .cornerstone-header .x-column:nth-child(2){text-align:center;}
        .cornerstone-logo{display: block; margin: auto;}
        #csp-testimonial-logos{padding:40px !important;}
        .page-world-class-software h1{font-size: 41px;}
        .page-world-class-software .mad-heading{font-size: 35px;}
        #csp-testimonials{padding: 5% 0 !important; height: 420px;}
		#csp-testimonials .x-gap {display: none;}
		.video-container { margin-top: 0 !important;}
		.x-column.x-2-3 { width: 100%; }
        .x-column.x-1-3 { width: 100%; }
	.img-devices { padding-bottom: 20px; }
	}	

    /* Custom, iPhone Retina */ 
	@media only screen and (max-width : 560px) {
		#csp-brand-wrap {float: left; text-align: center}
		.x-navbar .header-contact {display: block; padding-left: 0; clear: both; float: none;}
		.x-btn-navbar {margin-top: 25px !important;}
		body.csp-news .x-section:first-child, .home .x-main .x-section:first-child {padding: 20% 0 4% !important;}
		/*#facebook-like-wrap .fb-like {width: 100%;}*/
		.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {width: 100% !important;}
		.csp-web-portfolio .cs-content .x-section:first-child {padding-top: 14% !important;}
		.page-tailor-made-software .watch-video, .page-tailor-made-software .free-quote{ display: block;    margin: auto 10px; }
		.page-tailor-made-software #x-section-2 .x-container{ top: 710px; }
        .page-world-class-software .wpcf7{position:static;}

    }
	
	/* Begin styles for the new Mobile View - Front Page */
	@media only screen and (max-width : 480px) {
		#csp-intro-header {background-image: url('http://customsoftwarebypreston.customsoftwareby.netdna-cdn.com/wp-content/uploads/2016/03/world-class-software-development.jpg') !important; min-height: 1287px; position: relative;}
		#csp-intro-header #healine-button {text-align: center; padding: 0 !important; position: absolute; bottom: 0; width: 100%;}
		#csp-intro-header .bquote-mobile {border: none; bottom: 100px; color: #000; font-family: source sans pro; font-size: 22px; line-height: 1.2em; padding: 0.25em 2.8em; position: absolute; text-align: center; margin: 0;}
		#csp-intro-header blockquote::before {color: #000; content: open-quote; display: block; font-family: source sans pro; font-size: 6.25em;left: 10px; line-height: 0; position: absolute; top: 25px;}
		#csp-intro-header blockquote::after {bottom: 0; color: #000; content: close-quote; font-family: source sans pro; font-size: 6.25em; position: absolute; right: 10px;}
		#csp-intro-header #healine-button {bottom: 50px;}
		#csp-recent-posts .h-recent-posts {font-size: 20px;}
		#csp-faq-r1 p {font-size: 22px;}
		.page-tailor-made-software #x-section-2 .x-container{ top: 710px; }
        .page-world-class-software .mad-heading{ font-size: 28px; }
        .page-world-class-software .cf7header h2{ font-size: 28px; }
        .page-world-class-software .cf7header .cf7blurb1{font-size: 18px;}
        .page-world-class-software .clients-blurb1 {line-height: 25px;}
        .page-world-class-software #csp-testimonial-logos{ padding: 40px 0 !important; }
        .page-world-class-software #csp-testimonial-logos img{ margin: 10px 0; }
        
	}
	
    @media only screen and (max-width : 479px) {
		#csp-wdd-s1 h1 {font-size: 43px;}
		.home #csp-testimonials {height: 500px;}
		#csp-testimonials .x-img-circle {height: 75px; width: 75px;}
    }
	
	@media only screen and (max-width : 400px) {
		.cornerstone-header .csp-contact {display: block;}
	}
	
    @media only screen and (max-width : 320px) {
		.x-brand img {width: 200px !important;}
		#csp-intro-header {min-height: 858px;}
		#csp-intro-header .bquote-mobile {font-size: 15px !important;}
		#csp-intro-header .bquote-mobile {bottom: 60px;}
		#csp-intro-header #healine-button {bottom: 20px;}
        .page-world-class-software h1 { font-size: 35px; }
        .page-world-class-software .mad-heading{ font-size: 25px; }
        .page-world-class-software .cf7header h2{ font-size: 25px; }
        .page-world-class-software .cf7header .cf7blurb1{font-size: 15px;}
        .page-world-class-software #csp-testimonials blockquote p{font-size:16px;}
        
        #get-a-quote {
        		margin-bottom: 20px !important;
        	}
        	
        	#csp-optin .details-button {
        		margin-left: 0 !important;
        		margin-right: 0 !important;
        	}
        	
        	#csp-about .video-monitor {
        		    padding-bottom: 59% !important;
        	}
        	
        	 #csp-about .x-video .x-video-inner {
        	 	padding-bottom: 70.8% !important;
        	 }
    }

	/* Custom Min Max */ 

	@media only screen and (min-width : 321px) and (max-width : 428px) {
		#csp-intro-header {min-height: 980px;}
		#csp-intro-header .bquote-mobile {bottom: 100px;font-size: 15px; padding: 0.25em 2em;}
		#csp-intro-header #healine-button {bottom: 40px;}
        .page-world-class-software h1 { font-size: 35px; }
        .page-world-class-software .mad-heading{ font-size: 25px; }
        .page-world-class-software .cf7header h2{ font-size: 25px; }
        .page-world-class-software .cf7header .cf7blurb1{font-size: 15px;}
        
        
        #get-a-quote {
        		margin-bottom: 20px !important;
        	}
        	
        	#csp-optin .details-button {
        		margin-left: 0 !important;
        		margin-right: 0 !important;
        	}
        	
        	#csp-about .video-monitor {
        		    padding-bottom: 60% !important;
        	}
        	
        	#csp-about .x-video .x-video-inner {
        		padding-bottom: 70.8% !important; 
        	}

    }
	
	@media only screen and (min-width : 481px) and (max-width : 767px) {
		#csp-recent-posts .h-recent-posts {font-size: 25px;}
        .page-world-class-software .wpcf7{position:static;}
        
        	#get-a-quote {
        		margin-bottom: 20px !important;
        	}
        	
        	#csp-optin .details-button {
        		margin-left: 0 !important;
        		margin-right: 0 !important;
        	}
    }

	@media only screen and (min-width : 768px) and (max-width : 863px) {
		#csp-wdd-s1 #csp-quote-box {margin-bottom: 0 !important;}
		
		#get-a-quote {
        		margin-bottom: 20px !important;
        	}
        	
        	#csp-optin .details-button {
        		margin-left: 0 !important;
        		margin-right: 0 !important;
        	}
        	
        	#csp-about .video-monitor {
        		    padding-bottom: 60%;
        	}
    }	
	
	@media only screen and (min-width : 768px) and (max-width : 800px) {
		#csp-recent-posts .h-recent-posts {font-size: 15px;}
		#csp-recent-posts .x-recent-posts-date {font-size: 12px;}
		#csp-recent-posts .entry-wrap::before {font-size: 30px; top: -5px;}
		
		#csp-about .video-monitor {
        		    padding-bottom: 55% !important;
        	}
        	
        	#csp-about .x-video .x-video-inner {
        		bottom: 85px !important;
        	}

    }
	
	@media only screen and (min-width : 769px) and (max-width : 985px) {
		.cornerstone-header .csp-contact {display: block;}
	}
	
	@media only screen and (min-width : 801px) and (max-width : 1060px) {
		#csp-recent-posts .h-recent-posts {font-size: 16px;}
		#csp-recent-posts .x-recent-posts-date {font-size: 14px;}
		#csp-recent-posts .entry-wrap::before {font-size: 30px; top: -5px;}
        /*.video-container{width: 590px;}*/
        .cornerstone-header .csp-contact{font-size:21px;}
        .page-world-class-software #facebook-like-wrap .fb-like{ width: 100% !important; float:none;}
        .page-world-class-software .mashable{ width: 100%; margin: 17px 0 0 0; float:none;}
    }
	
	@media only screen and (min-width : 768px) and (max-width : 875px) {
		.testimonial-wrap .name-wrap {font-size: 12px !important;}
	}

	@media only screen and (min-width : 768px) and (max-width : 807px) {
		#csp-quote-box h2 {font-size: 30px !important;}
    }	
	
	@media only screen and (min-width : 768px) and (max-width : 979px) {
		#csp-quote-box {margin-bottom: 50px !important;}
		.page-world-class-software #csp-testimonials {height: 365px;}
    }
	
	@media only screen and (min-width : 768px) and (max-width : 1023px) {
		#csp-wdd-s2.csp-mad-contact #csp-contact {width: 100%;}
    }
	
	@media only screen and (min-width : 980px) and (max-width : 1050px) {
		#csp-quote-box {margin-bottom: 50px !important;}
    }
	
	@media only screen and (min-width : 1051px) and (max-width : 1128px) {
		#csp-quote-box {margin-bottom: 100px !important;}
    }
	
	@media only screen and (min-width : 980px) and (max-width : 1275px) {
		#csp-quote-box h2 {font-size: 40px !important;}
		#mad-s2-col1 {font-size: 18px !important;}
    }

	@media only screen and (min-width : 980px) and (max-width : /*1365*/1140px) {
		body.csp-news .x-section:first-child, .home .x-main .x-section:first-child {padding: 8% 0 4% !important;}
		#csp-brand-wrap {display: block; margin: 0 auto; width: 420px;}
		.masthead-inline .desktop .x-nav {clear: both; display: block; float: none; text-align: center;}
		.x-navbar .desktop .x-nav > li {float: none !important; display: inline-block;}
		.x-navbar .desktop .x-nav > li > a {padding-top: 10px !important; height: 50px !important;}	
		
    }
    
    @media screen and (max-width: 480px){ #rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;} }