body {font-family: 'Open Sans', Arial, san-serif; color: #777; font-size: 0.91rem;}
h1 {color:#444; font-size: 1.8rem; font-weight: 500; line-height: 1.2}
h2 {color:#666; font-size: 1.2rem; }
h3 {color:#444; font-size: 1rem; font-weight: 600;}
h4 {color:#555; font-size: 0.91rem; font-weight: 600;}
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Arial, san-serif;}
blockquote {margin:0; padding: 0;border-left: none;}
.cf:before, .cf:after {content: " ";display: table; }.cf:after {clear: both; }
.placeholder { color: #CCC; }
.button.tiny, .button.tiny {padding-top: 0.5rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 0.8rem;}

/* General media query fixes*/
    @media only screen and (max-width: 40em) { 
        #cookieChoiceInfo {padding: 10px!important;}
        #cookieChoiceDismiss {margin-left:20px!important}
    }
    @media only screen and (max-width: 40em) {.small-only-text-center li {text-align: left !important;}}

/* Header */    
    .top-bar-section ul li>a.button {background: #EF8427; font-weight:700; font-size:0.9rem; padding:8px 10px 8px;  margin-top: -1px;}
    .top-bar-section ul li>a.button:hover {background-color: #DA7010 !important; text-decoration: none; transition: none; background: #DA7010 !important}
    .top-bar-section ul li>a.button:hover,.top-bar-section ul li>a.button:focus{background-color:#DA7010 !important; background: #DA7010 !important}
    .top-bar-section ul li>a.button:hover,.top-bar-section ul li>a.button:focus{color:#fff !important}
    .hpLogin {font-size:0.8rem; margin-top:16px}
    /* Navigation*/
    .nav-main {padding: 0 0 24px;}
    .smaller img {margin: 30px auto;}
    .top-bar .title-area {margin-right: 10px; z-index: 100}
    .top-bar .title-area li.name a {display: block;margin: 0 15px;}
    .contain-to-grid .top-bar {margin-bottom: -10px;}
    .top-bar.expanded .title-area {background: #FFF;}
    .top-bar .toggle-topbar.menu-icon a {color: #777}
    .top-bar .toggle-topbar.menu-icon a:hover {color: #444; text-decoration: none}
    .top-bar .toggle-topbar.menu-icon a span::after {box-shadow: 0 0px 0 1px #777, 0 7px 0 1px #777, 0 14px 0 1px #777;}
    .top-bar .toggle-topbar.menu-icon a span:hover:after {box-shadow: 0 0px 0 1px #444, 0 7px 0 1px #444, 0 14px 0 1px #444;}
    /* Top Bar Section */
    .top-bar-section {background: #FFF}
    .top-bar-section ul li > a {color: #777; font-family: "open-sans", sans-serif; font-size: 0.95rem; background: #FFF; padding: 0 16px 0 16px;}
    .top-bar-section li:not(.has-form) a:not(.button) {background: #FFF; line-height: 43px; color: #777; text-decoration: none}
    .top-bar-section li.active:not(.has-form) a:not(.button) {color: #EF8427; background-color: #FFF; line-height: 43px; background: #FFF}
    .top-bar-section li:not(.has-form) a:not(.button):hover { background-color: #FFF; background: #FFF; color: #444; text-decoration: none;}
    .top-bar-section li.active:not(.has-form) a:not(.button):hover { color: #EF8427; background-color: #FFF; line-height: 43px}
    .top-bar-section .has-dropdown > a:after {border-color: rgba(8, 8, 8, 0.4) transparent transparent transparent;}
    .top-bar-section ul li {background: #FFF;}
    .top-bar-section ul li:hover:not(.has-form) > a { background-color: #EEE; background: #EEE; color: #777; }
    .nav-main .dd-bg a:hover {background: #EEE !important;}
    /* Drop Down */
    .top-bar-section .dropdown li a {color: #444; background: #EEE; }
    .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a { color: #AFAFAF;}
    .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { color: #777; background: #EEE; }
    .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { color: #444; background-color: #EEE; background: #EEE; }
    .top-bar-section .dropdown li label {background: #EEE; }
    .top-bar-section p {font-family: "open-sans", sans-serif;font-size: 0.95rem;padding: 0 4px 0 15px;line-height: 43px; color: #777; margin-bottom: 2px}
    .top-bar-section p strong {color: #666; padding-right: 18px; }

/* HOMEPAGE */
    /* Slider */
    #hpSlide {background-color: #555;}
    #hpSlide h1 {font-weight: 700;}
    #hpSlide .slide { padding: 100px 0}
    /*#hpSlide .slide h1 {color: #fff; font-size: 2.5rem; margin-bottom: 16px}
    #hpSlide .slide h3 {color: #ccc; font-size: 1.3rem; font-weight: 300; margin-bottom: 30px; max-width: 700px; margin-right: auto; margin-left: auto;}*/
    #hpSlide .slide h1 {color: #fff; font-size: 2.5rem; margin-bottom: 16px; }
    #hpSlide .slide h3 {color: #ccc; font-size: 1.3rem; font-weight: 300; max-width:600px; margin:0 auto 30px}
    #hpSlide .sOne { background-color: #222}
    #hpSlide .sTwo { background-color: #9C483D}
    #hpSlide .sThree { background-color: #3D789C}
    #hpSlide .button {margin: 0; margin-bottom: 18px}
    #hpSlide span {margin:0 6px}
    .orbit-container .orbit-slide-number {display: none}
    .orbit-container { background-color: #fff; margin-bottom: 20px;}
    .orbit-bullets {margin-bottom: 22px;}
    .orbit-bullets-container {position: relative;bottom: 50px;}
    .headerList {}
    @media only screen and (max-width: 40em) { 
        #hpSlide .slide { padding: 40px 0}
        #hpSlide span {display:none}
    }

    /* Logos */
    .logos {background: #F2F2F2; padding: 20px 0; position: relative; /*top: -68px - for orbital */ margin-bottom: 60px;}
    .logos p { margin: 0;}
    .logos ul, .logos li { list-style: none; margin: 0; padding: 0;}
    .logos li {display: inline-block; margin: 12px 20px}

    .logos .arrowMore {background: #FFF; padding: 4px 8px 7px; color: #7D7D7D; text-decoration: none; border: 1px solid #ddd;  border-radius: 6px;}
    .logos .arrowMore:hover {color:#EF8427}

     /* Logos */
    .scLogos {padding: 30px 0;}
    .scLogos p {margin: 0;}
    .scLogos ul, .scLogos li { list-style: none; margin: 0; padding: 0;}
    .scLogos li {display: inline-block; margin: 30px 56px 30px 0}
    
    @media only screen and (max-width: 40em) { 
        .logos { margin-bottom: 30px; padding: 10px 0}
        .logos li { margin: 10px 20px}
    }

/* SECTIONS */
    /* Features */
    .scFeatures {background: #fff; padding: 0 0 40px}
    .scFeatures a {text-decoration: none}
    .scFeatures h1 {text-align: center; margin-bottom: 60px;}
    .scFeatures .fIcon {margin-bottom: -20px; position: relative; top: -36px; background: #fff; padding: 0 14px 0 14px; display: inline-block}
    .scFeatures .box {border: 1px #eee solid; padding: 14px; border-radius: 6px; margin-bottom: 20px; margin-left: 8px; margin-right: 8px}

    @media only screen and (max-width: 40em) { 
        .scFeatures { padding: 0 0 20px;}
    }

    /* Testimonials */
    .scTestimonials {background: #F2F2F2; padding: 60px 0 50px;}
    .scTestimonials h1 {text-align: center; margin-bottom: 60px;}
    .scTestimonials .box {/**visibility: hidden;**/position: relative; background: #FFF; padding: 24px; border-radius: 6px; text-align: center; font-size: 0.91rem; margin-bottom: 20px}
    .scTestimonials .box img {margin: 14px 0 24px;}
    .scTestimonials .box p {font-weight: 300; font-size: 0.96rem}
    .scTestimonials .box blockquote cite {font-weight: 700; font-size: 0.86rem; margin-bottom: 10px}
    .scTestimonials .box:after {content: "";position: absolute;bottom: -15px;left: 46%;border-style: solid;border-width: 15px 15px 0 15px;border-color: #FFF transparent;display: block;width: 0;z-index: 1;}
    .scTestimonials .clientLinks {margin:20px 0; background:#FFF; border-radius:6px; padding:20px}
    .scTestimonials .clientLinks p, .scTestimonials .clientLinks ul {margin:0}
    .scTestimonials .clientLinks li {float:left; list-style:none; margin:0 10px; border-left: 1px #EEE solid; padding-left:20px}

    @media only screen and (max-width: 40em) { 
        .scTestimonials { padding: 40px 0 20px;}
        .scTestimonials h1 {margin-bottom: 30px}
        .scTestimonials .box {padding: 14px;}
    }


    /* WhySS */
    .scWhy { padding: 60px 0 40px;}
    .scWhy h1 {text-align: center; margin-bottom: 60px;}
    .scWhy .box {text-align: center; font-size: 0.91rem; margin-bottom: 40px}
    .scWhy .box .planIcon {margin: 0 0 16px;}
    .scWhy .box p {padding: 5px}
    .scWhy .stamp {border-top: 1px #eee solid; text-align: center;}
    .scWhy .stamp h3 { position: relative;  background: #FFF; padding: 0 20px; display:inline-block; top:-16px }
    .scWhy .logoStrip {margin: 20px auto; background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/logos/logostrip.png) no-repeat; height: 83px; width: 96%; background-position:center; background-size: 100%; max-width: 1006px;}

    @media only screen and (max-width: 40em) { 
        .scWhy .logoStrip {margin: 0 auto;}
        .scWhy { padding: 40px 0 20px;}
        .scWhy h1 {margin-bottom: 30px}
        .scWhy .box {margin-bottom: 20px;}
    }

    /* Start Now */
    .scStart {background: #222; padding: 60px 0}
    .scStart h1 { margin-bottom: 12px; color: #FFF; font-weight: 700;}
    .scStart p {color: #ccc; font-size: 1.2rem; font-weight: 300; margin-bottom: 26px; max-width: 650px; margin-right: auto; margin-left: auto; }
    .scStart .button {margin: 0 6px 16px}

    /* Footer */
    .scFooter {background: #EEE; padding: 60px 0 40px}
    .scFooter a {text-decoration: none}
    .scFooter p {padding: 20px 0; margin: 0;}
    .scFooter li {list-style: none; font-size: 0.84rem;}
    .scFooter strong {color: #666}
    .scFooter li a {display: block; margin-bottom: 2px; color: #777}
    .scFooter ul {margin: 0; }
    .scFooter .blog {border-top: 1px #DDD solid; padding-top: 20px; margin-top: 26px;}
    .scFooter .blog a {display: inline; font-size: 0.84rem; color: #777; }
    .scFooter .blog h4 {display: inline-block; margin-right: 20px; border-right: 1px #DDD solid; padding-right: 24px; margin-top: 20px}
    .scFooter .follow ul {margin: 0; padding: 0; margin-bottom: 30px}
    .scFooter .follow li {float: left;padding-right:10px}
    .scFooter .follow li a {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/icons/followicons.png); width: 32px; height: 32px; display: block;text-indent: -5000px;}
    .scFooter .follow li a:hover {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/icons/followicons-active.png);}
    .scFooter .follow li a.fb {background-position: 0 0}
    .scFooter .follow li a.tw {background-position: 128px 0}
    .scFooter .follow li a.gp {background-position: 96px 0}
    .scFooter .follow li a.in {background-position: 64px 0}
    .scFooter .follow li a.bl {background-position: 32px 0}
    /* Bottom of Footer*/
    .scFBot {margin-top: 30px; margin-bottom: 30px }
    .scFBot p {display: block; padding: 3px 0; font-size: 0.84rem;}
    .scFBot a {font-size: 0.84rem; border-left: 1px #eee solid; padding-left: 14px; margin-right: 14px; color: #777; }
    .scFBot li {list-style: none; float: right}

    @media only screen and (max-width: 64em) { 
        .scFooter .follow ul {width: 260px; margin: 0 auto; margin-bottom: 30px}
        .scFooter .follow li {float: left;padding-right:10px; padding-left: 10px}
        .scFooter {padding-top:40px}
        .scFooter .blog h4 {display: block; margin-right: 0; border-right: 0; padding-right: 0}
    }

/* Page Header */
    /* Title */
    .scHeader {background: #222; padding: 100px 0; margin-bottom: 60px}
    .scHeader h1 { margin-bottom: 12px; color: #FFF; font-size: 2.3rem; font-weight: 700;}
    .scHeader p {color: #DDD; font-size: 1.2rem; font-weight: 300; margin-right: auto; margin-left: auto; margin-bottom: 0;}

    /* Title With Boxes */
    .scHeaderBoxes {background: #222; padding: 60px 0; margin-bottom: 60px}
    .scHeaderBoxes h1 { margin-bottom: 12px; color: #FFF; font-size: 2.3rem; font-weight: 700;}
    .scHeaderBoxes p {color: #DDD; font-size: 1.2rem; font-weight: 300; margin-right: auto; margin-left: auto; margin-bottom: 0; }
    .scHeaderBoxes .box {background-color: rgba(0,0,0,0.3); padding:30px; border-radius:6px; margin-top: 50px}
    .scHeaderBoxes h3 {color:#FFF}
    .scHeaderBoxes .box p {font-size: 1.1rem}

    @media only screen and (max-width: 40em) { 
        .scHeaderBoxes .box {margin-top: 0}
        .scHeaderBoxes p {margin-bottom: 40px;}
        .scHeaderBoxes .box p {margin-bottom: 0;}
    }
    @media only screen and (min-width: 40.063em) and (max-width: 64em) { 
        .catFeatures .scHeader {padding:60px 0!important}
    }
/* PAGES */

/* Features Page*/
    /* Features */
    .pageFeatures .scHeader {margin-bottom: 0}
    .pageFeatures .scFeatures {background: #F2F2F2; padding-top: 60px; margin-bottom: 40px}
    .pageFeatures .scFeatures img {position:static; margin: 10px 0}
    .pageFeatures .scFeatures .box {background: #FFF; border:0; margin-bottom: 10px} 
    .pageFeatures .scFeatures h3 a {font-size:1.1rem}
    .pageFeatures .scFeatures a:hover {text-decoration:underline}
    
    .featuresNav { margin:0px;padding:10px; background:#333;height:auto;background-color:#333}
    .featuresNav a {color:#FFF}
    .featuresNav a:hover {color: #99C9DF}
    .featuresNav a.active {color: #99C9DF; text-decoration:none}
    .featuresNav ul {margin:0; background:#333;padding:10px}
    .featuresNav li {list-style:none;  margin-right:15px; padding-right:15px; border-right:1px #444 solid; display: inline-block; margin:15px 10px 15px 0}
    .featuresNav li:last-child {border-right:none; margin-right:0; padding-right:0;}
    [data-magellan-expedition], [data-magellan-expedition-clone] {padding:0px;background:#333}
    @media only screen and (max-width: 780px) { 
        .featuresNav{display:none!important}
    }
    @media only screen and (max-width: 40em) { 
    .pageFeatures .scFeatures .box {margin-bottom: 0px}
    .pageFeatures .scFeatures { padding-top: 40px; margin-bottom: 10px}
    }

/* Feature Page */
    /* Features */
    .catFeatures .show-li-for-large{display:none}
    .catFeatures .show-li-for-medium{display:none}
    @media only screen and (min-width: 1110px) {.catFeatures .show-li-for-large {display:inline-block}}
    @media only screen and (min-width: 920px) {.catFeatures .show-li-for-medium {display:inline-block}}
    @media only screen and (min-width: 40em) {.catFeatures .show-li-for-medium {display:inline-block}}
    
    .catFeatures .scHeader {margin-bottom: 0;}
    .catFeatures .scFeatures {background: #F2F2F2; padding-top: 60px; margin-bottom: 20px; padding-bottom: 40px;}
    .catFeatures .scFeatures .box {border-style:dashed; border-color:#D5D5D5 ; margin-bottom: 10px; padding: 30px}
    .catFeatures .scFeatures .box h3 {  font-size: 1.1rem}
    .catFeatures .scFeatures p { margin: 0}
    .catFeatures .button {color: #FFF; margin: 20px 4px 24px}
    .listHeading {background: #EEE; padding: 2px 0 4px; border-radius: 0 0 5px 5px; text-align: center; font-size: 0.7rem; margin-bottom: 40px;}

    .pageSecurity .scHeader, .pageCustomerSupport .scHeader, .pageEnterpriseSolutions .scHeader {padding: 60px 0}


/* PLANS */
    .featureSection {margin-bottom: 40px ;}
    .featureSection h2 {margin: 0; text-align: center; margin: 10px 0 40px}
    /* Table Settings */
    .featureTable thead {background: none}
    .featureTable table {border: 0; background: none; border-spacing: 0px; border-collapse:collapse;}
    .featureTable th {font-size: 1.1rem; padding: 8px 5px;  background: none; color: #EF8427}
    .featureTable td {font-size: 0.8rem; padding: 10px 5px; color: #777}
    .featureTable td, th {border: none}
    .featureTable table tr:nth-of-type(even) {background: none}
    .featureTable tr {border-bottom: 1px #DDD dashed; }
    /* Table Elements*/
    .featureTable .included {background-image: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/list_tick.png); width: 16px; height: 16px; display: block; margin: 0 auto;}
    .featureTable .not-included {background-image: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/list-cross.png); width: 16px; height: 16px; display: block; margin: 0 auto;}
    .featureTable .packageMainColumn { width:50%}
    .featureTable .packageColumn { width:12.5%;font-size: 0.7rem;text-align: center;vertical-align: middle; line-height: 12px; color: #555}
    .featureTable .feature {font-weight: 600; color: #666; font-size: 0.9rem}
    .featureTable .feature p {font-weight: 100; font-size: 0.8rem; margin: 0}
    .featureTable .feature a.more {color:#666;text-decoration:none}


    @media only screen and (max-width: 40em) { 
    .featureTable th {font-size: 0.91rem}
    .featureTable .feature {font-size: 0.84rem}
    .featureTable .feature p {font-size: 0.75rem;}
    }

/* Sitemap Page */
    .pageSiteMap .small-block-grid-2 a {color:#777}
/* Pricing Page */
    
    /*
    .priceSwitch {margin: 30px auto 50px; max-width: 350px; text-align: center; background: #FFF; border: 1px #E3E3E3 solid;font-size: 0.8rem ; border-radius: 10px ; }
    .priceSwitch .priceB {width: 50%; padding: 6px;color:#333;text-decoration: none;border: 4px solid #CCC;border-top:0px;border-bottom-width:3px}
    .priceSwitch .active { background2: #4488B0; color2: #FFF;font-weight: bold;border: 4px solid rgb(255, 89, 89);border-top:0px;border-bottom-width:3px}
    .priceSwitch .active a {color: #FFF; text-decoration: none}
    .priceSwitch .left {  border-radius: 10px 0 0 10px;border-right:1px solid #DDD} 
    .priceSwitch .right {  border-radius: 0 10px 10px 0;border-left:0px} 
     */

    .pagePricing .scHeader {margin-bottom: 0}

    .scPricing {background: #F3F3F3; padding: 60px 0;}
    .scPricing h1 {margin:10px 0 30px; /*REMOVE WHEN PRICING LIVE --> text-align:center */ ; margin-bottom:10px; font-weight:700}
    .scPricing .subHeading {/*REMOVE WHEN PRICING LIVE --> margin-bottom:28px */}
    .scPricing .quickLink {font-size:0.9rem; margin-top:21px; line-height: 1.6;}
    .scPricing .quickLink a {padding:0 10px 0 10px; border-right: 1px #ddd solid}
    .scPricing li {list-style: none; font-size: 0.8rem}
    .scPricing ul {margin: 0 0 16px; line-height: 1}
    .scPricing .button {margin: 14px 0 6px}
    .pagePricing .plan a {text-decoration:none}
    .scSmallText {position: absolute; bottom: 45px; left:0}
    .scSmallText p {padding: 0 0.625rem 0; margin-bottom:0; font-size:0.78rem}
    .scFAQ li p {padding-right:40px; font-size:14px; line-height:1.7}
   
    @media only screen and (max-width: 64em) {
        .scPricing .quickLink {text-align:center; margin-bottom:26px; line-height: 1.6; margin-top:0}
        .scPricing h1 {margin-bottom:0; text-align:center}
        .scSmallText {position:static; margin-bottom:2rem}
    }
    @media only screen and (max-width: 40.063em) {
        .scPricing .liCorp {margin-top: 20px;}
        .scFAQ li {text-align:center}
        .scFAQ li p {padding-right:0}
    }

    .scPricing .pricingTable .saveTotal {color:red}
    .scPricing .pricingTable .saveWithYearly {cursor:pointer}
    .scPricing .pricingTable .priceTerm{color: #444;font-size: 0.32em;padding: 10px 8px; font-weight:400; line-height:1.4}
    .scPricing .pricingTable .green {border-bottom: 3px solid #3F752F;}
    .scPricing .pricingTable .purple {border-bottom: 3px solid #593773;}
    .scPricing .pricingTable .orange {border-bottom: 3px solid #CA680F;}
    .scPricing .pricingTable .blue {border-bottom: 3px solid #326381;}
    .scPricing .pricingTable small {font-size:0.9rem; font-weight:400; color:#aaa}

    .scPricing .pricingTable { text-align: center; border-radius: 6px;  font-size: 0.5rem}
    .scPricing .pricingTable p {color: #777; margin: 6px 0 0; font-size: 0.76rem}
    .scPricing .pricingTable a.link {font-size: 0.8rem;color: #777;}

    .scPricing .pricingTable .title {font-size: 1.2rem; color:#FFF; font-weight: 700; padding: 14px 0 13px; border-radius: 6px 6px 0 0;}
    .scPricing .pricingTable .price {color: #444; font-size: 2.5rem; font-weight: 700; background: #FFF; padding: 28px 0 25px;height: 140px}
    .scPricing .pricingTable .fBullet {font-size: 0.8rem; border-bottom: 1px dashed #EEE; margin: 4px 0; padding-bottom: 4px}
    .scPricing .pricingTable .fBreak {background: #E9E9E9; font-size: 0.8rem; padding: 10px 0 9px; ; color: #777; font-weight: 700;}
    .scPricing .pricingTable .bgGreenRow {background:#DEF0D9; color:#4E943B}
    .scPricing .pricingTable .bgPurpleRow {background:#ECE3F2; color:#794899}
    .scPricing .pricingTable .bgBlueRow {background:#D5E4EE; color:#4488B0}
    .scPricing .pricingTable .fName {background-color:#FFC;padding:10px;}
    .scPricing .pricingTable .pricingFeatures {padding: 6px 24px 24px; line-height: 1.6}
    .scPricing .pricingTable .fFooter {margin-top: 10px;}
    
    /* Basic Plan */
    .scPricing .pricingBasic {  background: #FFF }
    .scPricing .pricingBasic .title { background: #AAA} 
    .scPricing .pricingBasic .price {background: none;  }
    .scPricing .pricingBasic .fBullet {border-color: #eee}
    /* Pro Plan */
    .scPricing .pricingPro { background: #FFF; }
    .scPricing .pricingPro .title { background: #4E943B; }
    /* Corp Plan */
    .scPricing .pricingCorp { background: #FFF; }
    .scPricing .pricingCorp .title { background: #794899; }
    .scPricing .pricingCorp .price {}
    /* Enterprise Plan */
    .scPricing .pricingEnt { background: #FFF; }
    .scPricing .pricingEnt .title { background: #4488B0; }
    .scPricing .pricingEnt .price {color: #FFF; padding: 30px 14px;}
    .scPricing .pricingEnt .price p {font-size: 0.85rem;}
    .scPricing .pricingEnt strong {margin-top: 10px; display: block}

    .scSubPlans {padding: 60px 0; text-align: center}
    .scSubPlans a:not(.button) {color: #555}
    .scSubPlans a:hover:not(.button) {color: #EF8427; text-decoration: none}
    .scSubPlans h1 {margin-bottom: 30px; font-weight: 700}
    .scSubPlans h3 {font-weight: 700; font-size: 1.3rem;}
    .scSubPlans .plan {padding: 30px;}
    
/* Examples */
    /* Survey Templates */
    .scTemplates h1 {margin-bottom: 20px;}
    .scTemplates a {text-decoration: none}
    .linkList {margin: 0 0 50px}
    .linkList .box {padding-right: 20px; /*border: 1px #EEE solid*/ ; border-radius: 6px;}
    .linkList .box .planIcon {margin: 10px}
    .linkList h3 { margin-bottom:20px; color: #EF8427}
    .linkList ul {margin:0;}
    .linkList a.sample-survey {display: block; border-bottom: 1px #EEE dashed; padding-bottom: 10px; margin-bottom: 10px;color:#777}
    .linkList h3 a {text-decoration:underline; color:#EF8427}
    /* Examples Page */
    .exampleList {padding: 20px 0; border-bottom: 1px #EEE dashed}
    .exampleList p {margin-bottom: 0;}
    .exampleList h3 {margin: 0 0 12px;}
    .exampleList h3 a {text-decoration: underline}
    .exampleList h3:before {content: ""; background: url('/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/icons/ss-icons.png')no-repeat top left; width: 16px; height: 16px; display: inline-block; position: relative; top:2px; background-size: 16px; margin-right: 12px}


/* Clients Page */
    .scClients h1 {margin-bottom: 20px; }
    .scClients li { list-style: none}
    .scClients ul {margin: 0; margin-bottom: 10px}
    .scClients .researchTypes ul li:before {margin-right: 10px; content: ""; display: inline-block; border-radius: 10px; background-color: #EF8427; height: 10px; width: 10px}
    .scClients .researchTypes {padding-bottom: 30px}
    .scClients .researchTypes li {margin: 6px 0;}
    /* Logo List */
    .scClients .logoList {padding: 20px 0}
    .scClients .logoList li {}
    .scClients .logoList .spaceMargin {border: #EEE solid 1px; padding: 20px}
    /* Client List */
    .clientList li {margin: 0; padding: 8px 20px; list-style: disc !important; border-left: 1px #EEE solid;}
    .clientList strong {margin-bottom: 28px; display: block}

/* Case Studies */
    .scCaseStudies h1 {margin-bottom: 20px; }
    .scCaseStudies li { list-style: none}
    .scCaseStudies ul {margin: 0; margin-bottom: 10px}
    /* Company List */
    .scCaseStudies .companyList {padding: 20px 0}
    .scCaseStudies .companyList .spaceMargin a { border: #EEE solid 1px; padding: 20px 10px; display: block}
    .scCaseStudies .companyList .spaceMargin a:hover { background: #ffffe7 }
    .scCaseStudies .companyList .spaceMargin a.active {color: #EF8427}
    /* Case Study */
    .caseStudy { background: #EEE; padding: 60px 0}
    .caseStudy li { list-style: none; margin-bottom: 30px;}
    .caseStudy ul {margin: 0; margin-bottom: 10px}
    .caseStudy img {width: 100%; border-radius: 6px;}
    .caseStudy .head img {width: 100%; border-radius: 0;}
    .caseStudy .head {border-bottom: 5px #DDD solid; padding-bottom: 30px; margin-bottom: 30px}
    .caseStudy h3 {margin: 20px 0;padding: 0 20px 0 50px;line-height: 24px;font-size: 16px;letter-spacing: 0;background: url('/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/logos/ss-bullet.png') left no-repeat;}

/* SignUp Page */
    .scSignUp {background: #EEE; padding: 60px 0}
    .scSignUp h1 {font-weight: 400}
    .scSignUp h2 {margin-bottom: 30px;}
    .scSignUp h4 {margin-bottom: 30px; font-weight: 400; color: #888; font-size: 1rem}
    .scSignUp a { text-decoration: none;color: #777; }

    .scSignUp p {margin-top: 20px; font-size: 0.8rem; line-height: 1.8}
    /* Register */
    .scSignUp .columns {padding-right: 0.5rem; padding-left: 0.5rem}
    .scSignUp .button {margin-top: 10px; margin-bottom: 0; color:#FFF}
    .scSignUp .box {background: #FFF; border-radius: 6px; padding: 20px; border: #DDD solid 1px}

/* Thank you */
    .scThankYou {background: #EEE; padding: 60px 0}
    .scThankYou h1 {font-weight: 600; margin-bottom: 0}
    .scThankYou h2 {margin-bottom: 20px; font-size: 1.2rem}
    .scThankYou h4 {margin-bottom: 30px; font-weight: 400; color: #888; font-size: 1rem}
    .scThankYou a:hover { text-decoration: none }
    .scThankYou p {margin-top: 10px; font-size: 0.91rem;}
    .scThankYou ul {margin-top: 0; margin-bottom: 20px}

/* About Us */
    .scValues {padding: 14px 0 40px;}
    .scValues p {margin-bottom: 6px}
    .scValues .box .planIcon {margin: 0 0 10px;}
    .scValues h3 {margin-bottom: 10px}
    .scValues h3:before {content: ""; background: url('/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/icons/ss-icons.png')no-repeat top left; width: 16px; height: 16px; display: inline-block; position: relative; top:2px; background-size: 16px; margin-right: 12px}

/* Student Account */
    .studentPlan li {list-style: none; padding: 8px 0; border-bottom: 1px #DDD dashed}
    .studentPlan em {margin-bottom: 10px; display: block}
    .studentPlan ul {margin: 0;margin-bottom: 20px;}
    .studentPlan {padding: 20px; background: #EEE; margin-top: 10px; border-radius: 6px}
    .studentPlan h3 {font-size: 1.2rem}

    .studentAccount {background: #4E943B; color: #FFF;}
    .studentAccount h3 {color: #FFF; font-weight: 700}
    .studentAccount li { border-color: #437C32}

/* Careers Page */
    .careersButtons li {}
    .careersButtons li img {display:block; margin:0 auto 0.8rem;}
    .careersButtons a {font-weight:500; text-decoration:none; color:#444; font-size:0.9rem}
    .careersBlock {background:#f4fcff; padding:1.2rem 0; border-radius:5px; border:1px solid #cedfe6}
    .careersBlock:hover {background:#e8f9ff}
    .careersCrumbs {padding-top:0.4rem; padding-bottom:0.4rem; font-size:0.75rem; color:#5395cc}
    .careersCrumbs a {color:#374f6c}
    .careersCrumbs span {margin:0 0.3rem}

/* Standard Page */
    .pageContact .scContactUs h1 {margin:0 0 14px; font-size:1.6rem; font-weight:600}
    .scContactUs p {margin-bottom: 16px}
    .scContactUs textarea[rows] {margin-bottom:0}
    .scContactUs .box {margin-bottom: 30px}
    .scContactUs .box strong {margin-bottom: 4px; display: inline-block; margin-right: 8px}
    .scContactUs h3 {margin-bottom: 14px; border-bottom: 1px #EEE dashed; padding-bottom: 10px; margin-right: 30px}
    .scContactUs .email {background: url('/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/icons/ss-icons.png'); width: 16px; height: 16px; display: inline-block; position: relative; top:2px; background-size: 16px; margin-right: 12px; background-position: 0px -928px;}
    .scContactUs .phone {background: url('/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/icons/ss-icons.png'); width: 16px; height: 16px; display: inline-block; position: relative; top:2px; background-size: 16px; margin-right: 12px; background-position: 0px -976px;}
    .scContactUs .post {background: url('/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/icons/ss-icons.png'); width: 16px; height: 16px; display: inline-block; position: relative; top:2px; background-size: 16px; margin-right: 12px; background-position: 0px -912px;}

/* Split Page */
    .scSplit {padding-bottom: 40px}
    .scSplit .scH1 {margin-top: 0;}
    .scSplit h1 {margin: 36px 0 18px; font-size: 1.4rem; line-height: 1.4; font-weight:600}
    .scSplit strong {color: #555}
    .pageCareers section span {margin-bottom:20px; display:inline-block; font-size:0.8rem}
    .pageCareers section h1{margin-bottom:4px}

    .navLeft {  border-radius: 6px; margin-right: 20px;}
    .navLeft li {list-style: none;  border: #EEE solid 1px; border-bottom: 0}
    .navLeft li:first-child {padding: 16px 24px;display: block; background: #EEE; border-radius:6px 6px 0 0}
    .navLeft li:last-child {border-bottom: 1px #EEE solid; border-radius: 0 0 6px 6px}
    .navLeft li:last-child :hover {border-radius: 0 0 6px 6px}
    .navLeft li a {padding: 16px 24px;display: block;text-decoration:none; color: #777}
    .navLeft li a:hover { background: #ffffe7;color: #777;text-decoration:underline }
    .navLeft li a.active {color: #EF8427}
    .navLeft ul {margin: 0;}
    .navLeft h3 {margin: 0}

/* Right Bars */
    .getStartedRight {padding: 34px; background: #EEE; border-radius: 6px; text-align: center; margin-left: 40px; margin-bottom: 30px}
    .getStartedRight p {margin: 10px 0}
    .getStartedRight a {margin-bottom: 0; display: block}
    .getStartedRight h3 {font-weight: 700; font-size: 1.1rem}

    .servicesRight {padding: 34px; border: solid 1px #EEE; border-radius: 6px; text-align: center; margin-left: 40px; margin-bottom: 30px}
    .servicesRight p {margin: 10px 0 14px}
    .servicesRight a {margin-bottom: 0; display: block}
    .servicesRight h3 {font-weight: 700; font-size: 1.1rem}
    .servicesRight .planIcon {margin-top: 10px}

    .testimonialsRight {padding: 34px; background: #EEE; border-radius: 6px; margin-left: 40px; margin-bottom: 30px; text-align: center}
    .testimonialsRight h3 {font-weight: 700; margin-bottom: 24px; font-size: 1.1rem}
    .testimonialsRight .box {letter-spacing: -0.1px; margin-top: 20px; border-bottom: 1px #DDD dashed; padding-bottom: 10px}
    .testimonialsRight .box p {margin-bottom: 10px;}
    .testimonialsRight a {margin: 24px 0 0; display: block}

    .testimonialsRightB {padding: 34px; border: 1px solid #EEE; border-radius: 6px; margin-left: 40px; margin-bottom: 30px; text-align: center}
    .testimonialsRightB h3 {font-weight: 700; margin-bottom: 24px; font-size: 1.1rem}
    .testimonialsRightB .box {letter-spacing: -0.1px; margin-top: 20px; border-bottom: 1px #DDD dashed; padding-bottom: 10px}
    .testimonialsRightB .box p {margin-bottom: 10px;}
    .testimonialsRightB a {margin: 24px 0 0; display: block}

    .clickRight {padding: 34px; border: solid 1px #EEE; border-radius: 6px; text-align: center; margin-left: 40px; margin-bottom: 30px}
    .clickRight p {margin: 10px 0 14px}
    .clickRight a {margin-bottom: 0; display: block}
    .clickRight h3 {font-weight: 700; font-size: 1.1rem}
    .clickRight .planIcon {margin-top: 10px}

    @media only screen and (max-width: 64em) { 
        .getStartedRight {margin-left: 0;}
        .testimonialsRight {margin-left: 0;}
        .servicesRight {margin-left: 0;}
    }

    /* Numbered Bullets*/
    .ssBullets {position: relative}
    .ssBullets ol {margin: 0; margin-left: 40px}
    .ssBullets li {list-style: none;}
    .ssBullets li:before {margin-top: 2px; position: absolute; left: 0; color: #fff; font-weight: 700; display: block; border-radius: 30px;padding: 1px 9px; background: #EF8427; font-size: 0.87rem;}
    .ssBullets li.l1:before { content: "1"; }
	.ssBullets li.l2:before { content: "2"; }
	.ssBullets li.l3:before { content: "3"; }
	.ssBullets li.l4:before { content: "4"; }
	.ssBullets li.l5:before { content: "5"; }
    .ssBullets li.l6:before { content: "6"; }
    .ssBullets

    /* ssOrangeBullets*/
    .ssOrangeBullets {margin-top:20px;}
    .ssOrangeBullets ul {margin:0}
    .ssOrangeBullets li {list-style:none; margin: 6px 0}
    .ssOrangeBullets li:before {content:""; display:inline-block; background:#EF8427; width:8px; height:8px; border-radius:10px; margin-right:10px; margin-bottom:1px}
    .ssOrangeBullets .medium-block-grid-2 li {padding:0}

    /* Block List with Style */
    .blockList li {list-style: disc; padding: 14px; background: #F5F5F5; margin-bottom: 10px; border-right: #FFF solid 10px}
    .blockList ul {margin-left: 0}
    
    /* Panels Page */
    .picMap {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/worldmap.png) no-repeat; width: 260px; height: 128px; margin-top: 30px; margin-right: 40px;}
    .panelText {padding:10px 20px; border:1px #EEE solid; display:inline-block; margin-bottom:10px}
    .steps {text-align: center; font-weight: 600;}
    .steps ul {margin: 0; padding-top: 20px}
    .steps li {padding-bottom: 0; margin-bottom:20px}
    .steps h6 {}
    .steps strong {padding: 10px; background: #EF8427; border-radius: 20px; display: inline-block; padding: 4px 11px; color: #FFF}
    .steps .box {margin: 10px; padding: 0px}

    /* Info List */
    .infoList {border-left:5px solid #EEEEEE; padding-left:26px; margin:30px 0}

    /* Category Specific Styles */
    .catServices .ssBullets li {margin: 20px 0; font-weight: 600; }
    .catServices .ssBullets li:before {margin-top: -1px}

    .scSplit .ssBullets li {margin: 14px 0;}
    .scSplit .ssBullets li:before {margin-top: -1px}
    .scSplit h2 {margin-bottom:14px}

    .pageRequestADemo .scHeader { background: #437C32}
    

    /* Pure360 Page */
    .pagePureSmartSurvey .scHeader {padding: 50px 0;background-color:#1D6363}
    .pagePureSmartSurvey .scHeader p {font-size:1rem}

    .pagePureSmartSurvey .p360Steps {margin-top:20px}
    .pagePureSmartSurvey .p360Steps h3 {color:#FFF; font-size:1.2rem}

    .pagePureSmartSurvey .p360Logo {background:#FFF; margin-left:40px; padding:20px; border-radius:6px}
    .pagePureSmartSurvey .p360Logo img {margin: 20px 0; display:inline-block}
    .pagePureSmartSurvey .p360Logo span {display:inline-block; position:relative; background:#FFF; top:10px; padding:0 10px}
    .pagePureSmartSurvey .p360Logo .logoLine {border-bottom:#DDD solid 1px; margin-bottom:10px}

    .pagePureSmartSurvey .scSplit h2 {color:#2c999a; font-weight:800; margin-bottom:30px}
    


     /* GDC Page */
    .pageSmartSurveyGDC .scHeader {padding: 50px 0; background: #0c3a51;background: -moz-linear-gradient(left,  #0c3a51 0%, #348ba9 50%, #0c3a51 100%);background: -webkit-linear-gradient(left,  #0c3a51 0%,#348ba9 50%,#0c3a51 100%);background: linear-gradient(to right,  #0c3a51 0%,#348ba9 50%,#0c3a51 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c3a51', endColorstr='#0c3a51',GradientType=1 )}
    .pageSmartSurveyGDC .scHeader p {font-size:1rem}
    .pageSmartSurveyGDC .scHeader h1 {font-size:2.2rem}

    .pageSmartSurveyGDC .p360Steps {margin-top:20px}
    .pageSmartSurveyGDC .p360Steps h3 {color:#FFF; font-size:1.2rem}
    .pageSmartSurveyGDC .p360Steps li {color:#5AB0CE}

    .pageSmartSurveyGDC .p360Logo {background:#FFF; margin-left:40px; padding:20px; border-radius:6px}
    .pageSmartSurveyGDC .p360Logo img {margin: 20px 0; display:inline-block}
    .pageSmartSurveyGDC .p360Logo span {display:inline-block; position:relative; background:#FFF; top:10px; padding:0 10px}
    .pageSmartSurveyGDC .p360Logo .logoLine {border-bottom:#DDD solid 1px; margin-bottom:10px}

    .pageSmartSurveyGDC .scSplit h2 {margin-bottom:0 ;color:#00417A; font-weight:800; font-size:1.6rem}

    .pageSmartSurveyGDC .top-bar-section ul, .pageSmartSurveyGDC .hpLogin {display: none !important;}
    .pageSmartSurveyGDC .contain-to-grid .top-bar {margin-top:25px}




    
    @media only screen and (min-width: 64em) { 
        img.hide-for-medium-down {display: inline-block!important;}
    }    
    @media only screen and (max-width: 64em) { 
        .pagePureSmartSurvey .p360Logo {margin-left:0; margin-top:20px}
    }

    @media only screen and (max-width: 40em) {
        .pagePureSmartSurvey .scSplit ul li {text-align: center !important;}
    }



/* Landing Page */
    .scLP {margin:40px 0 0}
    .scLP h1 {color:#007AC3; font-size:3rem; font-weight:800; letter-spacing:-3px}
    .scLP h3 {color:#888888; font-size:1.6rem; font-weight:100}
    .scLP .blue {background:#007AC3}
    .scLP .blue:hover {background:#00639D}
    .blueBullet {margin:24px 0 14px}
    .blueBullet ul {padding:0; margin:0}
    .blueBullet li {list-style:none;padding-bottom:14px;color:#666666; font-size:1.2rem}
    .blueBullet li:before {content:""; background:url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/icons/blueBullet.png); height:32px; width:32px; display:inline-block; margin-bottom:-9px; margin-right:14px;}
    .fftScreen {background:url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/fftScreen2.jpg) right bottom no-repeat; background-size:contain}

    .fftSection {background:#EEE; padding:50px 0; text-align:center}
    .fftHelp {margin-top:40px;}

    @media only screen and (max-width: 40em) {
        .fftScreen {background:none}
    }

/* Mobile Surveys */

    .pageMobileSurveys .scWhy h1 {font-weight: bold;font-size: 2rem;color: #444;}

    .pageMobileSurveys .mobileHead {background:#61A0A0; padding-bottom:0}
    .pageMobileSurveys .mobileHead .headerP h1 {font-size:3rem}
    .pageMobileSurveys .mobileHead .headerP p {max-width:520px; color:#FFF; font-size:1.3rem}
    .pageMobileSurveys .mBar {background:rgba(141,186,186,0.9); bottom: 56px;  position: relative;  height: 56px;  margin-bottom: -56px;  border-radius: 10px 10px 0 0;}
    .pageMobileSurveys .mHeadings {max-width:885px; margin:0 auto;}
    .pageMobileSurveys .mHeadings a {color:#fff}
    .pageMobileSurveys .mHeadings ul, mobileHeadings li {margin:0; padding:0;}
    .pageMobileSurveys .mobileHead img {margin-top:30px; padding-bottom:1px}
    .pageMobileSurveys .mHeadings li {display:inline-block; width:32%; font-size:1.4rem; font-weight:bold; color:#FFF; padding-top:10px;}

    .pageMobileSurveys .featureLP {padding:20px 0 70px}
    .pageMobileSurveys .featureLP h1 {font-weight:bold; font-size:2.3rem}
    .pageMobileSurveys .featureLP p {font-size:1.2rem; max-width:865px; margin:0 auto 26px}
    .pageMobileSurveys .featureLP span {margin:0 6px; color:#bbb}

    .pageMobileSurveys .sGrey {background:#eee}
    .pageMobileSurveys .contentSection    {padding-top:80px}
    .pageMobileSurveys .contentSection h2 {font-weight:bold; font-size:2rem; color:#444}
    .pageMobileSurveys .contentSection h3 {font-size:1.2rem; margin:0 auto 26px; color:#777; font-weight:normal;}
    .pageMobileSurveys .contentSection h4 {font-size:1.2rem; margin:0 0 10px; color:#444; font-weight:bold}
    .pageMobileSurveys .contentSection .button {margin-bottom:80px}



/* Main Changes */
    ul, li {font-size: 0.9rem}
    a {color: #EF8427; text-decoration: underline}
    a:hover, a:focus { text-decoration: underline; color: #EF8427}
    p { font-size: 0.9rem;}
    .width {padding-left: 0.9375rem; padding-right: 0.9375rem;}
    .radius {border-radius: 4px !important;}
    .row {max-width: 70rem}
    .contain-to-grid, .top-bar {background-color: #FFF}
    .contain-to-grid .top-bar {max-width: 70rem;}   
    .mA {margin: 0 auto;}
    blockquote cite {font-weight: 700; font-size: 0.86rem; margin-bottom: 10px}
    input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {border-radius:5px;  }
    input.formStyle {font-size: 0.8rem; display: block;  color: #555; }
    .mT10 {margin-top: 10px!important}
    .mT20 {margin-top: 20px!important}
    .mT30 {margin-top: 30px!important}
    .mT40 {margin-top: 40px!important}
    .mB16 {margin-bottom: 16px!important}
    .mB40 {margin-bottom: 40px!important}
    .whiteLink {color: #FFF; text-decoration: underline}
    .whiteLink:hover {color: #DDD; text-decoration: underline}
    .underLine {text-decoration: underline}
    .label.secondary {padding-top: 6px;}
    .subHeading {text-align: center; margin-bottom: 50px}
    .bottomLine {border-bottom:1px dashed #EEE; padding-bottom:10px; margin-bottom:20px}
    .micro {font-size:0.75rem; padding:2px 6px; border-radius:2px; margin-bottom:4px; position:relative; bottom:12px; background:#F5F5F5; border:1px #EEE solid; color:#626262;display: inline-block;margin-top: 10px;}
    .micro:hover {color:#000; text-decoration:none;border-color:#DDD; background:#EEE}

/* Button Changes */
    a.button:hover {text-decoration: none}
    button, .button {background: #EF8427; padding-top: 0.5rem;  padding-right: 1.2rem;  padding-bottom: 0.6rem;  padding-left: 1.2rem;  font-size: 1.4rem; font-weight: 700; font-family: 'Open Sans', Arial, san-serif;}
    button:hover, .button:hover,button:focus, .button:focus,button:active, .button:active {background: #DA7010}
    .button.small {text-decoration: none; padding-top: 0.5rem;padding-right: 1.3rem;padding-bottom: 0.6rem;padding-left: 1.3rem;font-size: 0.85rem;}
    .button.large {text-decoration: none; padding-top: 0.5rem;padding-right: 1.3rem;padding-bottom: 0.5rem;padding-left: 1.3rem;font-size: 1.2rem;}
/* Button Colours */
    .ssOrange {background: #EF8427; border-top: 1px #FFB755 solid; border-bottom: 1px #9F4610 solid; text-shadow: 0 -1px #9F4610; }
    .ssOrange:hover, ssOrange:focus {background-color: #DA7010; text-decoration: none; transition: none; }
    .ssBlue {background: #4D91B9; border-top: 1px #99C9DF solid; border-bottom: 1px #32617C solid; text-shadow: 0 -1px #41718B; }
    .ssBlue:hover, ssOrange:focus {background-color: #3E7B9F; text-decoration: none; transition: none; }
    .ssGreen {background: #4E943B; border-top: 1px #84C671 solid; border-bottom: 1px #406D16 solid; text-shadow: 0 -1px #41718B; }
    .ssGreen:hover, ssOrange:focus {background-color: #437C32; text-decoration: none; transition: none; }
    .green {background: #4E943B}
    .green:hover {background-color: #437C32}
    .purple {background: #794899}
    .purple:hover {background-color: #693F85}
    .grey {background: #999;}
    .grey:hover {background: #777}
    .blue { background: #4488B0}
    .blue:hover { background: #3D789C}

    .greenT {color: #4E943B}
    .greenT:hover {color: #437C32}
    .purpleT {color: #794899}
    .purpleT:hover {color: #693F85}
    .greyT {color: #999;}
    .greyT:hover {color: #777}
    .blueT { color: #4488B0}
    .blueT:hover { color: #3D789C}
    .orangeT { color: #EF8427!important}
    .orangeT:hover { color: #DA7010!important}

/* ICONS */
    .planIcon {background-color: #F3F3F3; padding: 20px; display: inline-block; border-radius: 50px}
    .featureIcon { padding: 0 14px 0 14px; display: inline-block; margin-top: 14px}
    .cIcon {margin: 10px auto}

    .icon-32 { background: url('/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/icons/ss-icons.png') no-repeat top left; width: 32px; height: 32px;} 
    .icon-32-grey { background: url('/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/icons/ss-icons-grey.png') no-repeat top left; width: 32px; height: 32px;}
    .icon-32.checked_checkbox { background-position: 0px 0px;} 
    .icon-32.combo { background-position: 0px -32px;} 
    .icon-32.conference_call { background-position: 0px -64px;} 
    .icon-32.cut { background-position: 0px -96px;} 
    .icon-32.edit_property { background-position: 0px -128px;} 
    .icon-32.like { background-position: 0px -160px;} 
    .icon-32.lock { background-position: 0px -192px;} 
    .icon-32.mouse { background-position: 0px -224px;} 
    .icon-32.music_conductor { background-position: 0px -256px;} 
    .icon-32.paint_brush { background-position: 0px -288px;} 
    .icon-32.star { background-position: 0px -320px;} 
    .icon-32.student { background-position: 0px -352px;} 
    .icon-32.security_checked { background-position: 0px -384px;} 
    .icon-32.share { background-position: 0px -416px;} 
    .icon-32.system_information { background-position: 0px -448px;} 
    .icon-32.tag { background-position: 0px -480px;} 
    .icon-32.talk { background-position: 0px -512px;} 
    .icon-32.treatment_plan { background-position: 0px -544px;} 
    .icon-32.view_details { background-position: 0px -576px;} 
    .icon-32.administrative_tools { background-position: 0px -608px;} 
    .icon-32.advertising { background-position: 0px -640px;} 
    .icon-32.businessman { background-position: 0px -672px;} 
    .icon-32.filing_cabinet { background-position: 0px -704px;} 
    .icon-32.handshake { background-position: 0px -736px;} 
    .icon-32.happy { background-position: 0px -768px;} 
    .icon-32.literature { background-position: 0px -800px;} 
    .icon-32.map_marker { background-position: 0px -832px;} 
    .icon-32.new_post { background-position: 0px -864px;} 
    .icon-32.nui2 { background-position: 0px -896px;} 
    .icon-32.pavilion { background-position: 0px -928px;} 
    .icon-32.phone { background-position: 0px -960px;} 
    .iconuk {background: url('/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/icons/uk-32.png') no-repeat top left; width: 32px; height: 32px;}
    /* Grey */
    .icon-32-grey.student { background-position: 0px -352px;  } 
    .icon-32-grey.businessman { background-position: 0px -672px;}
    .icon-32-grey.happy { background-position: 0px -768px;} 
    .scSignUp a:hover .icon-32-grey.student{ background: url('/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/icons/ss-icons.png') no-repeat top left; background-position: 0px -352px;} 
    .scSignUp a:hover .icon-32-grey.businessman{ background: url('/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/icons/ss-icons.png') no-repeat top left; background-position: 0px -672px;} 
    .scSignUp a:hover .icon-32-grey.happy{ background: url('/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/icons/ss-icons.png') no-repeat top left; background-position: 0px -768px;}

/* BGS */

    /* Main Backgrounds */
    .bgBlue {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/bgBlue.jpg) bottom; background-size: cover}
    .bgPad {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/bgPad.png) bottom; background-size: cover}
    .bgWoman {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/bgWoman.png) bottom; background-size: cover}
    .bgMap {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/bgMap.png) bottom;}
    .bgCorp {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/bgCorp.png) bottom; background-size: cover}
    .bgEE {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/bgEE.png) bottom; background-size: cover}
    /* Features */
    .bgQuestionTypes {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/bgQuestionTypes.png) no-repeat bottom;  }
    .bgLogic {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/bgLogic.png) no-repeat bottom; }
    .bgBranding {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/bgTheme.png) no-repeat bottom;}
    .bgCollect {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/bgCollect.png) no-repeat bottom;}
    .bgManage {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/bgManage.png) no-repeat bottom;}
    .bgCompatibility {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/bgCompatibility.png) no-repeat bottom;}
    .bgReporting {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/bgReporting.png) no-repeat bottom;}
    .bgFeatures {background: #526F8D;}
    /* Examples */
    .bgAcademic {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/bgAcademic.png) bottom; background-size:cover}
    .bgSatisfaction {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/bgSatisfaction.png) bottom; background-size:cover}
    .bgEducation {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/bgEducation.png) bottom; background-size:cover}
    .bgEmployee {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/bgEmployee.png) bottom; background-size:cover}
    .bgEvent {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/bgEvent.png) bottom; background-size:cover}
    .bgHealthcare {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/bgHealthcare.png) bottom; background-size:cover}
    .bgMR {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/bgMR.png) bottom; background-size:cover}
    .bgPS {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/bgPS.png) bottom; background-size:cover}
    .bgWF {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/bgWF.png) bottom; background-size:cover}
    .bgInsights {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/bgInsights.jpg) top center; background-size:cover}
    .bgCustomers {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/bgCustomers.png) top center; background-size:cover}

    /*.bgPosition {background: #222} background-position: -1250px*/
    .bgPositionSmall {padding:50px 0}
    .bgPositionPic {background-color: #526F8D}

        @media only screen and (max-width: 40em) { 
            .bgPosition {background-position: -642px; background-size: cover}
            .bgPositionPic {background-position: 0; background-size: cover}
            .bgBlue {padding:50px 0 !important; background-position: 0 !important; }
            .bgInsights {background-position: -300px}
        }


    .npsTable {border: solid 1px #ddd;padding:20px 20px 0;margin-bottom:20px}

    .hpRec {background: rgba(0,0,0,0.4); padding: 8px 8px 8px 6px; display: block; max-width: 132px; margin: 10px auto 0; border-radius: 5px; color: #aaa; font-size: 15px;}
    .hpRec a {color:#aaa}
    .hpRec img {margin-top: -3px; display: inline-block; margin-right: 5px;}

    /* Landing Page */
    /* Header with Description and Bullets */
    .lpHeader {padding: 60px 0 40px; margin-bottom: 60px}
    .lpHeader h1 { margin-bottom: 12px; color: #FFF; font-size: 2.3rem; font-weight: 700;}
    .lpHeader .headerP p {color: #DDD; font-size: 1.2rem; font-weight: 300; margin-right: auto; margin-left: auto; margin-bottom: 0;}
    .lpHeader .demo {padding:20px 30px 14px; background:rgba(25,25,25,0.7); border-radius:6px}
    .lpHeader .demo h2 {font-weight:800; font-size:1.6rem; color:#FFF; margin-bottom:0;}
    .lpHeader .demo p {font-size:1.05rem; margin-bottom:20px}
    .lpHeader .demo h4 {font-size:1rem; color:#bbb; font-weight:100; margin:2px 0 14px}
    .lpHeader input.formStyle {color:#111}
    .lpHeader input[type="text"] {margin-bottom:10px;}
    .lpHeader .button {margin-top:16px}
    .lpHeader .list {margin-left:20px; margin-top:20px}
    .lpHeader .list li {color: #DDD; font-size: 1.2rem; font-weight: 300;}
    .lpHeader .getStartedRight {background:rgba(25,25,25,0.7)}
    .lpHeader .getStartedRight p {color:#AAA}
    .lpHeader .getStartedRight h3 {color:#FFF}
    .lpHeader .getStartedRight a {font-size:1.3rem}


@media only screen and (max-width: 40em) {
    .lpHeader .getStartedRight {margin-top:20px}

}
   .stamp {border-top: 1px #eee solid; text-align: center;}
   .stamp h3 { position: relative;  background: #FFF; padding: 0 30px; display:inline-block; top:-15px; font-size:0.9rem }
   

/* Case Studies */
    .pageCaseStudies .scHeader {padding:60px 0}
    .pageCaseStudies .scHeader p {font-size:1.4rem}

    .scCaseStudies {padding-bottom:60px}
    .scCaseStudies li .caseStudyBox {border-radius:5px; background:#f5f5f5; border:1px solid #ddd; padding:0}
    .scCaseStudies li .caseStudyBox .logoTop {background:#fff; padding:1.6rem; border-radius:6px 6px 0 0; border-bottom:1px solid #ddd;}
    .scCaseStudies li .caseStudyBox .logoTop img {max-height:60px}
    .scCaseStudies li .caseStudyBox h3 {padding:0.8rem 1.4rem 0; margin:0}
    .scCaseStudies li .caseStudyBox p {padding:1.4rem 1.4rem 0; margin:0; font-weight:100; font-size:1.02rem; color:#555}
    .scCaseStudies li .caseStudyBox a {margin:1rem 1.4rem 1.4rem; padding-top: 0.4rem; padding-right: 1rem; padding-bottom: 0.4rem; padding-left: 1rem;}

    /* Case Study Page */

    .scCaseStudy {padding:0 0 40px}
    .scCaseStudy section {margin:0 0 40px}
    .pageCaseStudy .scHeader {padding:60px 0}
    .pageCaseStudy .scHeader h2 {font-size:3rem; font-weight:100; border-bottom:none; }
    .pageCaseStudy h2 {font-size:1.4rem; margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:10px; font-weight:600; color:#447098}
    .pageCaseStudy .scCaseStudy li {margin-bottom:0px}
    .pageCaseStudy .scCaseStudy li h6 {margin:0 0 2px; color:#888; font-weight:100; font-size:0.88rem}
    .pageCaseStudy .scCaseStudy li p {margin:0; color:#555; font-size:1rem; font-weight:600;}
    .pageCaseStudy .scCaseStudy li:before {content:""; display:inline-block; height:36px; width:32px;; background-repeat:no-repeat}
    .pageCaseStudy .scCaseStudy li.caseWeb:before {background-image:url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/icons/case-link.png)}
    .pageCaseStudy .scCaseStudy li.caseIndustry:before {background-image:url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/icons/case-industry.png)}
    .pageCaseStudy .scCaseStudy li.caseDepartment:before {background-image:url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/icons/case-dept.png)}
    .pageCaseStudy .scCaseStudy li.caseUsers:before {background-image:url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/icons/case-users.png)}
    .pageCaseStudy .scCaseStudy li.caseSalary:before {background-image:url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/icons/case-salary.png)}
    .pageCaseStudy .scCaseStudy li.caseLocation:before {background-image:url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/icons/case-location.png)}
    .pageCaseStudy .scCaseStudy li div {display:inline-block; padding-left:24px; /*margin-left:14px; border-left:solid 1px #ddd*/}
    .pageCaseStudy .scCaseStudy .caseQuote {padding-left:2rem; border-left:5px solid #eee; font-style:italic}
    .pageCaseStudy .caseStudyLogo {margin-bottom:2.4rem}
    .scCaseStudy h2 {}



/* Customers Page */

    .pageCustomers .scHeader {padding:60px 0}
    .pageCustomers .scHeader p {font-size:1.1rem}
    .scCustomers p {margin:0 0 3rem}
    .scCustomers .stamp {margin:0 0 1rem}
    .scCustomers img {margin:1rem 0 4rem}
    .pageCustomers .scTestimonials {background:none; padding:0}
    .pageCustomers .scTestimonials .box {background:#f5f5f5}
    .pageCustomers .scTestimonials a {color:#7993B1}
    .pageCustomers .scTestimonials .box:after {border-color: #f5f5f5 transparent}
    .pageCustomers .scTestimonials .clientLinks {padding:0; margin:0 0 2rem}
    .pageCustomers .scWhy {padding:40px 0}
    .pageCustomers .scWhy .logoStrip {margin:-16px auto 16px}
    .pageCustomers hr {border-color:#eee}

    .boxBookDemo {margin-bottom:4rem;}
    .boxBookDemo h3 {color:#EF8427; font-size:2rem; font-weight:700}
    .boxBookDemo p {color:#666; font-size:1.1rem; font-weight:100; max-width:680px; margin:0 auto 30px}
    .boxBookDemo a {margin:0 0 6px}


/* Contact Forms */

     .ctaContact {padding: 26px 50px; margin: 40px 0 60px; background:#005B8E;}
     .ctaContact h2 {color:#fff; font-size:2rem; color:#fff; margin-top:16px; margin-bottom:6px; font-weight:700}
     .ctaContact p {color:#D4F0FF}
     .contactFull {max-width:700px; margin:0 auto;}

/* Header centered with Description */

    .lpCenteredHeader {padding: 100px 0 100px; margin-bottom: 60px; background:#005B8E}
    .lpCenteredHeader h1 {font-weight:800; color:#fff; font-size:2.6rem;}
    .lpCenteredHeader p {font-size:1.4rem; max-width:90%; margin:0 auto; margin-top:26px; color:#D4F0FF; font-weight:100;}
    .pageSafeHarbour .scSplit .ctaContact {padding: 26px 50px; margin: 40px 0 60px; background:#005B8E; border-radius:5px}
    .pageSafeHarbour .scSplit .ctaContact h2 {color:#fff; font-size:2rem; color:#fff; margin-top:16px; margin-bottom:6px; font-weight:700}
    .pageSafeHarbour .scSplit .ctaContact p {color:#D4F0FF}

@media only screen and (max-width: 40em) {
    
}


/* Safe Harbour */

    .pageSafeHarbour .scSplit h2 {margin: 36px 0 18px; font-size: 1.5rem; line-height: 1.4; color:#444; font-weight:600}
    .pageSafeHarbour .scSplit p {font-size:0.96rem; line-height:1.8}
    /* Popup */
    .safeHarbourModal {background:#005B8E; padding:70px; max-width:760px; }
    .safeHarbourModal h1 {color:#fff; font-weight:800; margin-bottom:20px;}
    .safeHarbourModal p {color:#D4F0FF; font-weight:100; margin-bottom:30px}
    .close-reveal-modal {text-decoration:none}
    .reveal-modal {border-radius:6px;border:0px}
    /*::-webkit-input-placeholder {color: #888}
    :-moz-placeholder {color: #888;}
    ::-moz-placeholder {color: #888;}
    :-ms-input-placeholder {color: #888;}*/

 /* Landing Page with Form */

    .lpWithForm { margin-top:0.6rem}
    .lpWithForm h4 {font-size: 1.1rem; line-height: 1.8; color:#666; font-weight:100}
    .lpWithForm h1 {font-size: 1.6rem;    font-weight: 600;    color: #444;    border-bottom: 1px dashed #eee;    padding-bottom: 10px;    margin-bottom: 16px;}
    .lpWithForm h6 {font-weight:600;}
    .lpWithForm .adItems {margin-bottom: 1.4rem !important}
    .lpWithForm .panel {background:#f8f8f8; border-color:#e8e8e8; margin-top:2rem; padding:2rem}
    .lpWithForm .panel p {color:#666}
    .lpWithForm hr {border-color:#e5e5e5; border-style:dashed}
    .lpWithForm h3 {margin-bottom:1rem}
    .lpWithForm blockquote {padding-right:2rem}
    .lpWithForm .logoStrip {margin: 1rem auto 3rem; background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/logos/logostrip.png) no-repeat; height: 83px; width: 96%; background-position: center; background-size: 100%; max-width: 1060px;}
    .sideForm {padding-left:3rem}

 /* Get Started Form */

    .getStartedForm {margin-bottom:3rem; box-shadow:0 0 5px #eee; border-radius:6px}
    .getStartedForm .gForm {padding:1.6rem; background:#f5f5f5; border:1px solid #ccc; border-top:4px solid #B15709; border-radius:0 0 6px 6px}
    .getStartedForm h3 {font-size:1.4rem; font-weight:700; text-align:center; margin-bottom:0; color:#fff; background:#EF8427; padding:0.8rem 1.6rem 0.7rem; border-radius:6px 6px 0 0}
    .getStartedForm h6 {font-weight:700; font-size:0.91rem; margin-bottom:0.8rem}
    .getStartedForm input[type="checkbox"], .getStartedForm input[type="radio"] {margin:0 0.4rem 0.6rem 0}
    .getStartedForm input[type="text"] {margin:0 0 0.4rem 0; height:2.1rem}
    .getStartedForm label {margin-bottom:0.1rem}
    .getStartedForm hr {margin:1rem 0 1rem;}
    .getStartedForm p {margin:0}
    .getStartedForm a {margin:0}


    /* Enterprise Landing Page */

    .pageEnterprise .lpHeader {padding:40px 0 ; margin-bottom:0}
    .pageEnterprise .pageHead {background:#222222;}
    .pageEnterprise .pageHead .headerP h1 {font-size:3rem}
    .pageEnterprise .pageHead .headerP h2 {font-size:1.7rem; color:#63ADD8; font-weight:400}
    .pageEnterprise .pageHead .headerP p {max-width:680px; color:#ccc; font-size:1.3rem; margin-bottom:1rem}
    .pageEnterprise .pageHead img {margin-top:30px; padding-bottom:1px}
    .pageEnterprise .contentSection hr {border-color:#eee;}

    .pageEnterprise .featureLP {padding:20px 0 70px}
    .pageEnterprise .featureLP h1 {font-weight:bold; font-size:2.3rem; margin-bottom:20px}
    .pageEnterprise .featureLP p {font-size:1.2rem; max-width:865px; margin:0 auto 26px}
    .pageEnterprise .featureLP span {margin:0 6px; color:#bbb}

    .pageEnterprise .contentSection .lpBlocks {margin-top:1rem}
    .pageEnterprise .contentSection .lpBlocks h3 {color:#444; font-weight:600; margin-bottom:10px}
    .pageEnterprise .contentSection .lpBlocks p {font-size: 0.9rem; margin: 0 auto 26px; color: #666; font-weight: normal; line-height: 1.6;}
    .pageEnterprise .contentSection .lpBlocks li {padding:0 26px}
    .pageEnterprise .contentSection .lpBlocks li img {margin-bottom:1rem; height:80px}
    

    .pageEnterprise .sGrey {background:#f5f5f5}
    .pageEnterprise .sBlue {background:#526F8D}
    .pageEnterprise .sLightBlue {background:#F3F8FD}
    .pageEnterprise .sBlue.contentSection h2 {color:#FFF}
    .pageEnterprise .sBlue.contentSection h3 {color:#D2DEEA}
    .pageEnterprise .sBlue.contentSection li {color:#FFF}
    .pageEnterprise .sBlue.contentSection h6 {color:#86A4C3}
    .pageEnterprise .contentSection    {padding:40px 0}
    .pageEnterprise .contentSection h2 {font-weight:600; font-size:1.7rem; color:#444}
    .pageEnterprise .contentSection h3 {font-size:1.1rem; margin:0 auto 26px; color:#777; font-weight:normal; line-height:1.6}
    .pageEnterprise .contentSection h4 {font-size:1.2rem; margin:0 0 10px; color:#444; font-weight:bold}
    .pageEnterprise .contentSection h6 {color:#aaa;letter-spacing: 1px;font-size: 0.8rem;}
    .pageEnterprise .contentSection .button {margin-bottom:80px}
    .pageEnterprise .stamp h3 {color:#aaa}
    .textLink {color:#ddd; border-bottom:1px solid #aaa; text-decoration:none; margin-left:6px}
    .textLink:hover {color:#eee; text-decoration:none; border-color:#ddd}

    .pageEnterprise .lpNav {background:#243648;; border-top:1px solid #3E5369}
    .pageEnterprise [data-magellan-expedition], .pageEnterprise [data-magellan-expedition-clone] {background:#243648;  padding:20px 0}
    .pageEnterprise [data-magellan-expedition] .sub-nav dd, .pageEnterprise [data-magellan-expedition-clone] .sub-nav dd {border-left:1px solid #3E5369; padding-bottom:0;}
    .pageEnterprise [data-magellan-expedition] .sub-nav dd:first-child, .pageEnterprise [data-magellan-expedition-clone] .sub-nav dd:first-child {border:none}
    .pageEnterprise [data-magellan-expedition] .sub-nav a, .pageEnterprise [data-magellan-expedition-clone] .sub-nav a {color:#FFF; font-size:0.9rem; text-decoration:none; letter-spacing:1px; font-family:'Open Sans'}
    .pageEnterprise [data-magellan-expedition] .sub-nav a:hover, .pageEnterprise [data-magellan-expedition-clone] .sub-nav a:hover {color:#ddd}
    .pageEnterprise .sub-nav dd {display: inline-block; float: none;}
    .pageEnterprise dl.sub-nav {text-align: center;}
    .pageEnterprise .sub-nav dt, .sub-nav dd, .sub-nav li {padding-left:1.2rem}
    .pageEnterprise [data-magellan-expedition] .sub-nav .ctaButton, .pageEnterprise [data-magellan-expedition-clone] .sub-nav .ctaButton {color:#67A754; font-weight:800} 
    .pageEnterprise [data-magellan-expedition] .sub-nav .ctaButton:hover, .pageEnterprise [data-magellan-expedition-clone] .sub-nav .ctaButton:hover {color:#4E943B}
    .pageEnterprise .ftBackground {background-size:cover !important; background-position: center top !important; padding-top:56px; background:#3E5875; background-image: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/graphic/enterprise/bg/tab1.png)}

    .pageEnterprise .ctaEnt label {font-size: 0.875rem;    color: #fff;    cursor: pointer;    display: inline-block;    font-weight: normal;    line-height: 1.5;    }
    .pageEnterprise .ctaEnt input[type="checkbox"] {margin-right:5px}
    .pageEnterprise .ctaEnt hr {margin:10px 0 24px; border-color:#597596}
    .pageEnterprise .ctaContact {background:#3E5775; margin:0; padding:40px 0}
    .pageEnterprise .ctaContact h2 {font-size:2.6rem}
    .pageEnterprise dd.active[data-magellan-arrival='getintouch'] a.ctaButton {color:#FFF!important;background: #4E943B!important}

    .pageEnterprise .pageEmployeeEngagement .ftBackground {background-size:cover !important; background-position: center top !important; padding-top:56px; background:#3E5875; background-image: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/graphic/enterprise/bg/ee-tab1.png)}

    
    /* Main Product Page */
    
    .pageMainProduct .scNav {}
    .pageMainProduct .contain-to-grid, .pageMainCustomerFeedback .top-bar, .pageMainCustomerFeedback .top-bar-section, .pageMainCustomerFeedback .top-bar-section ul li, .pageMainCustomerFeedback .top-bar-section li:not(.has-form) a:not(.button) {background:transparent}
    .pageMainProduct .pageHead .headerP h1 {font-size:2.4rem; /*color:#1f4f80;*/ font-weight:800; letter-spacing:-1px}
    .pageMainProduct .pageHead .headerP p {font-size:1.125rem; /*color:#666;*/ font-weight:300; margin:1rem 0; max-width:inherit}
    .pageMainProduct .pageHead .headerP {padding-right:5rem}
    .pageMainProduct .contentSection .lpBlocks p {margin-bottom:0}
    .pageMainProduct .lpHeader {padding:3.3rem 0;}
    .pageMainProduct .lpHeader .button {margin-bottom:0.8rem}
    .pageMainProduct [data-magellan-expedition], .pageEnterprise [data-magellan-expedition-clone] {background:#273c57;}
    .pageMainProduct .lpNav {background:#273c57; border-top:0}
    .pageMainProduct .contentSection {padding: 80px 0;}
    .pageMainProduct .contentSection .lpBlocks { margin-top: 4rem;}
    .pageMainProduct .contentSection .lpBlocks li img {height: 50px;}
    .pageMainProduct .ssTabs label {font-weight:400; background:#008cba}
    .pageMainProduct .ssTabs [id^="tab"]:checked + label {background:#fff; color:#444; border:1px solid #d5d5d5}
    .pageMainProduct .lpList {margin-bottom:0}
    .pageMainProduct .sGrey {border-top:1px solid #dddddd; border-bottom:1px solid #e5e5e5; }
    .pageMainProduct .logos {background:#ffffff; padding:40px 0 0; margin-top:2rem}

    .csContentHolder {padding:80px 0;}
    .csContentHolder ul {margin:0 0 0; padding-right:2rem;}
    .csContentHolder .csContentHolderNav > li {list-style:none;  border-bottom:1px solid #e5e5e5; padding:0.62rem 0}
    .csContentHolder .csContentHolderNav > li:last-child {border-bottom:0}
    .csContentHolder .csContentHolderNav a {color:#008cba}
    .csContentHolder li a {display:inline-block; font-size:1rem; font-weight:600; text-decoration:none;}


    .lpLaptop {}
    .lpLaptop .lpScreen {display:inline-block; width:70%; background:#eee; border:1px solid #ddd; border-bottom:0; border-radius:10px 10px 0 0; padding:1.26%; margin-right:4%; margin-left: 2%; position:relative; text-align: center;}
    .lpLaptop .lpScreen .sBase {position:absolute; background:#bbbbbb; height:6%; width:109%; bottom:-6%; left:-4.5%; border-radius:5px}
    .lpLaptop .lpScreen .sBase:after {position:absolute; display:block; content:""; height:40%; width:7%; background:#999999; top:0; right:46.5%; border-radius:0 0 5px 5px}
    .lpLaptop .lpMobile {display:inline-block; width:20%; background:#eee; border:1px solid #ddd; border-radius:10px; padding:1%;  position:absolute; top:0}
    .lpLaptop .lpBrowseScreen {background:#008783; border:1px solid #ddd; border-radius:6px 6px 0 0;}
    .lpLaptop .lpBrowseScreen img {; border-radius:4px 4px 0 0}
    .lpLaptop .lpBrowseMobile {background:#fff; border:1px solid #ddd; border-radius:6px;}
    .lpLaptop .lpBrowseMobile img { border-radius:4px;}
    .lpLaptop .lpBrowseMobileBot {background:#ccc; height:30px; width:30px; border-radius:50px; margin: 1rem auto 0}

    /* Customer Feedback Product */

    .pageMainCustomerFeedback .lpHeader {background: #364E67 url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/background/bgCFS.jpg) right no-repeat}
    /*
    .pageMainCustomerFeedback .pageHead {background:#f5f5f5; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
    */
    

    .lpList {margin:0 0 2rem}
    .lpList span {margin-right:1rem}
    .lpList li {list-style:none; font-size:1.05rem; margin-bottom:0.4rem;}
    .lpList li img {margin-top:-2px}
    .lpList li:before {content:""; background:url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/list_tick.png); width:16px; height:20px; display:inline-block; background-repeat:no-repeat; background-position-y:6px; margin-right:0.6rem}

    
    .ssTabs {float: none; list-style: none; padding: 0;}
    .ssTabs:after {content: ''; display: table; clear: both;}
    .ssTabs input[type=radio] {display:none;}
    .ssTabs label {display: block;color: #fff;font-size: 1rem;font-weight: 600;text-decoration: none;text-align: center;line-height: 2; cursor: pointer; -webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */ transition: all 0.5s; padding:6px 15px; margin:0 30px; background:#2F445F; border-radius:4px}
    .ssTabs label span {display: none;}
    .ssTabs label i {padding: 5px; margin-right: 0;}
    .ssTabs label span:hover {text-decoration:underline;}
    .ssTabs-content {display: none; width: 100%; float: left; padding: 2px; box-sizing: border-box;}
    .ssTabs-content * {-webkit-animation: scale 0.1s ease-in-out; -moz-animation: scale 0.1s ease-in-out; animation: scale 0.1s ease-in-out;}
    @keyframes scale {0% { transform: scale(0.9); opacity: 0;}  50% {transform: scale(1.01); opacity: 0.5;}  100% { transform: scale(1); opacity: 1; }}
    .ssTabs [id^="tab"]:checked + label {background: #63ADD8;color:#fff;}
    #tab1:checked ~ #tab-content1, #tab2:checked ~ #tab-content2, #tab3:checked ~ #tab-content3, #tab4:checked ~ #tab-content4, #tab5:checked ~ #tab-content5 {display: block;}
    @media (min-width: 768px) {
        .ssTabs i { padding: 5px; margin-right: 10px;}
        .ssTabs label span {display: inline-block;}
        .ssTabs {/*max-width: 750px;margin: 50px auto;*/}
    }
    .ssTabs [type="checkbox"]+label, .ssTabs input[type="radio"]+label {margin:0 3px}

    /* CLIENT PAGES */

    .pageBusiness .scHeader, .pageEdu .scHeader, .pageEdu .scHeader, .pageGov .scHeader, .pageHealthcare .scHeader, .pageNotForProfit .scHeader {padding:50px 0}

    /* ALTERNATIVE TO */

    .pageAlternativeTo .contentSection.sGrey {padding:50px 0}
    .pageAlternativeTo .featureTable {padding:0 0.8rem; border:0px solid #e8e8e8; border-radius:6px}
    .pageAlternativeTo .featureTable .packageColumn {width:20%; font-size:0.875rem; padding-bottom: 1rem;}
    .pageAlternativeTo .featureTable td:nth-child(2) {background:#f8f8f8; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
    .pageAlternativeTo .featureTable th:nth-child(2) {background:#f8f8f8; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-top:1px solid #cccccc; padding-top:1rem; }
    .pageAlternativeTo .featureTable tr:last-child td:nth-child(2) {border-bottom: 5px solid #EF8427;}
    .pageAlternativeTo .lpHeader {padding:60px 0 70px}
    .pageAlternativeTo .featureTable tr {border-bottom-color:#dddddd}
    .pageAlternativeTo.pageMainProduct .logos {margin-top:0}
    .pageAlternativeTo .csOption p {font-size: 1.1rem; margin: 0 auto 26px; color: #777; font-weight: normal; line-height: 1.6;}
    .pageAlternativeTo input[type="text"] {border-radius:3px}
    .pageAlternativeTo .contentSection h6 {font-weight:300; font-size:1.2rem;}
    .pageAlternativeTo .csContentHolder {padding:46px 0;}
    .pageAlternativeTo .csOption {padding:16px 0 0;}
    .pageAlternativeTo .csOption .panel {background:#ffffff; font-size:1rem; }
    .pageAlternativeTo .csOption .panel.green {border-color:#28b558; font-size:1rem; font-weight:600; color:#28b558}
    .pageAlternativeTo .csContentHolder .csContentHolderNav > li {padding:0.52rem 0}
    .pageAlternativeToFS .lpHeader {background: url(/public/20170201023852oe_/https://www.smartsurvey.co.uk/img/graphic/enterprise/bg/tab3.png) center no-repeat rgb(54, 78, 103); background-size:cover}