/* Basics
=========================== */
/* Button Colours
=========================== */
/* Top Bar
=========================== */
/* NavBar
=========================== */
/* Mobile Nav
=========================== */
/* Social
=========================== */
/* Footer 
=========================== */
/* Panel Header Colours
=========================== */
/* Title Colour
=========================== */
/* Style 1 Title BG Colour */
/* Basics
=========================== */
/* Button Colours
=========================== */
/* Top Bar
=========================== */
/* NavBar
=========================== */
/* Mobile Nav
=========================== */
/* Social
=========================== */
/* Footer
=========================== */
/* Panel Header Colours
=========================== */
/* Title Colour
=========================== */
/* Style 1 Title BG Colour */
body { font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Fira Sans', sans-serif; font-size: 16px; }

body h1, body h2 { font-family: 'Raleway', sans-serif; }

body h3, body h4, body h5 { font-family: 'Fira Sans', sans-serif; }

body .what-we-do-panel a i { font-size: 60px; }

.site-header .container { padding: 0; }

.site-header #header_topbar { margin-bottom: 21px; }

.site-header #header_topbar .navbar-header { position: absolute; }

.site-header #header_topbar .navbar-header .navbar-brand { padding: 10px 0; }

.site-header #header_topbar #header-account-buttons { margin-top: 5px; }

.site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a { padding: 7px 10px; font-size: 17px; font-family: 'Raleway', sans-serif; color: #303e48; border: 1px solid #FFFFFF; -webkit-transition: none; -o-transition: none; transition: none; }

.site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a:hover, .site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a:active, .site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a:focus, .site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a.selected { border-color: #FFFFFF; color: #303e48; background: transparent; font-weight: 700; }

.site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a.signup_button, .site-header #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a#userDropDown { border-color: #FFFFFF; color: #303e48; }

@media (max-width: 767px) { .site-header .navbar-default .navbar-brand img { height: 52px !important; } }

.site-header .navbar.navbar-default .main-nav { float: right; padding: 0; }

.site-header .navbar.navbar-default .main-nav > .navbar-nav > li > a { font-size: 17px; padding: 15px 10px; transition: none; }

.site-header .navbar.navbar-default .main-nav > .navbar-nav > li.active > a, .site-header .navbar.navbar-default .main-nav > .navbar-nav > li > a:hover, .site-header .navbar.navbar-default .main-nav > .navbar-nav > li > a:focus { font-weight: 700; }

.site-header .mobile-menu-toggle-switch { top: 24px; }

#body .header-banner { height: auto !important; background: url(https://silkstart.s3.amazonaws.com/5c86bbfffdba4b17c694986b.jpg) #303E48 top center no-repeat; min-height: 100px; background-size: auto 210px; }

#body .header-banner .overlay-light { background: transparent; }

@media (min-width: 768px) { #body .header-banner { min-height: 166px; background-size: auto; } }

@media (min-width: 992px) { #body .header-banner { min-height: 260px; } }

#body .header-banner .header-banner-text { position: relative; }

#body .header-banner .header-banner-text .container .header-banner-text-inner { position: relative; bottom: auto; margin-top: 158px; }

@media (max-width: 767px) { #body .header-banner .header-banner-text .container .header-banner-text-inner { margin-top: 95px; } #body .header-banner .header-banner-text .container .header-banner-text-inner h1 { margin: 0; } }

#body .header-banner .header-banner-text .container .header-banner-text-inner .header-banner-page-title { text-shadow: none; font-size: 58px; font-weight: 500; text-align: center; text-transform: uppercase; }

@media (max-width: 767px) { #body .header-banner .header-banner-text .container .header-banner-text-inner .header-banner-page-title { font-size: 35px; line-height: 58px; } }

#body .header-banner .header-banner-text .container .header-banner-text-inner .header-banner-subtext { text-shadow: none; margin: 8px 0 0 0; padding: 40px 0; font-size: 21px; font-weight: 400; }

@media (max-width: 767px) { #body .header-banner .header-banner-text .container .header-banner-text-inner .header-banner-subtext { padding: 25px 0 55px; font-size: 18px; } }

@media (min-width: 992px) { #body .header-banner .header-banner-text .container .header-banner-text-inner .header-banner-subtext { padding: 50px 110px; } }

@media (min-width: 1200px) { #body .header-banner .header-banner-text .container .header-banner-text-inner .header-banner-subtext { padding: 50px 200px; } }

#body .header-banner .header-banner-text .container .header-banner-text-inner .header-banner-subtext .page-intro a { color: #ffffff; }

#body #main { background: url("https://s3.amazonaws.com/bespoke-ss/wrapper-bg_lg.png") #FFFFFF bottom center no-repeat; padding-bottom: 112px; }

#body #main a:hover, #body #main a:focus { color: #a55525; }

@media (max-width: 767px) { #body #main { background: url("https://s3.amazonaws.com/bespoke-ss/wrapper-bg_xs.png") #FFFFFF bottom right no-repeat; padding-bottom: 80px; } }

@media (min-width: 768px) { #body #main #primary1 .container { padding-right: 100px; padding-left: 100px; } }

@media (min-width: 1200px) { #body #main #primary1 .container { padding-right: 194px; padding-left: 194px; } }

@media (min-width: 992px) { #body #main .custom_webpage_section_view { margin-right: 32px; margin-left: 32px; } }

@media (min-width: 768px) { #body #main .custom_webpage_section_view { margin-right: 22px; margin-left: 22px; } }

#body #main .html_content ul { list-style-type: disc; }

#body #main .html_content ul li { margin-bottom: 8px; }

#body #main .read-more-toggle { font-weight: 700; color: #a55525; cursor: pointer; }

#body #main .read-more-toggle:hover, #body #main .read-more-toggle:focus { color: #23527c; }

#body #main .read-more-item { height: 0; opacity: 0; overflow: hidden; transition: opacity 1s ease-out 0s; }

#body #main .read-more-item p { background-color: #F0F2F5; }

#body #main .read-more-item.active { height: auto; opacity: 1; }

#body #main .read-more-item.active p { background: #FFFFFF; transition: background-color 3s ease-out 0s; }

#body #main span.read-more-item { display: none; height: 0; opacity: 0; overflow: hidden; transition: opacity 1s ease-out 0s; }

#body #main span.read-more-item.active { display: inline; height: auto; opacity: 1; }

.subcontainer_style3 .panel.panel-default { font-family: 'Merriweather', serif; font-style: italic; font-size: 19px; line-height: 1.6em; background: transparent; color: #a55525; position: relative; border: 0; margin: 0; padding: 0 20px; }

.subcontainer_style3 .panel.panel-default:before, .subcontainer_style3 .panel.panel-default:after { display: flex; align-items: center; justify-content: center; position: absolute; height: 100%; top: 0; font-family: 'Fira Sans', sans-serif; font-style: normal; font-weight: 300; font-size: 88px; color: #D6D8DA; }

.subcontainer_style3 .panel.panel-default:before { content: '{'; left: 0; }

.subcontainer_style3 .panel.panel-default:after { content: '}'; right: 0; }

.subcontainer_style3 .panel.panel-default .panel-heading { display: none; }

.subcontainer_style3 .panel.panel-default p { margin: 1em 0; }

.subcontainer_style3 .panel.panel-default .cite { font-family: 'Fira Sans', sans-serif; font-size: 14px; color: #303e48; font-style: normal; }

@media (max-width: 767px) { .subcontainer_style3 .panel.panel-default > div { padding: 0 20px; } }

.subcontainer_style4 .panel.panel-default { border-bottom: 1px solid #A29587; border-radius: 0; }

.subcontainer_style4 .panel.panel-default .panel-heading { padding: 8px 0 0; }

.subcontainer_style4 .panel.panel-default p { margin-bottom: 18px; }

.subcontainer_style4:last-of-type .panel.panel-default { border: 0; }

.flex-slideshow .slides > li .slide-wrapper .flex-caption { background: transparent; display: flex; align-items: center; justify-content: center; }

.flex-slideshow .slides > li .slide-wrapper .flex-caption .slide-info .container .row > div { width: 100%; margin: 0; }

.flex-slideshow .slides > li .slide-wrapper .flex-caption .slide-info .container .row > div .slide-title { display: none; }

.flex-slideshow .slides > li .slide-wrapper .flex-caption .slide-info .container .row > div .slide-content { color: #ffffff; text-align: center; }

.flex-slideshow .slides > li .slide-wrapper .flex-caption .slide-info .container .row > div .slide-content h3 { font-weight: normal; font-size: 18px; }

.flex-slideshow .slides > li .slide-wrapper .flex-caption .slide-info .container .row > div .slide-content button.btn-lg { border-radius: 0; border-color: #ffffff; }

.cpage_home #body { background: #303e48; }

.cpage_home #body #main { overflow: hidden; background: #303e48; }

.cpage_home #body #main h3, .cpage_home #body #main p { font-family: 'Raleway', sans-serif; }

.cpage_home #body #main .subcontainer_style1:first-of-type { background: #303e48 url("https://bespoke-ss.s3.amazonaws.com/bespoke_pattern.png") no-repeat left top; }

.cpage_home #body #main .bs-header-banner { padding: 50px 0; }

.cpage_home #body #main .bs-header-banner p { color: #ffffff; font-size: 21px; padding: 5px 50px; }

.cpage_home #body #main .full-width-container { margin: 0; }

.cpage_home #body #main .custom_webpage_section_view { margin: 0; }

.cpage_home #body #main .flex-slideshow.flexslider { border: 0; }

.cpage_home #body #main .home-top { padding: 25px 0; text-align: center; }

@media (max-width: 767px) { .cpage_home #body #main .home-top { padding: 25px; } }

.cpage_home #body #main .home-top .home-blurb { margin: 30px 0; font-size: 14px; color: #FFFFFF; }

.cpage_home #body #main .container.no-padding { margin-top: 25px; }

.cpage_home #body #main .container.no-padding .video-container { position: relative; padding-bottom: 56.25%; overflow: hidden; margin-bottom: 10px; }

.cpage_home #body #main .container.no-padding .video-container iframe, .cpage_home #body #main .container.no-padding .video-container object, .cpage_home #body #main .container.no-padding .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.cpage_home #site_footer { border-top: 1px solid #ffffff; }

#site_footer { position: relative; padding: 24px 0 10px; min-height: 120px; background: url("https://s3.amazonaws.com/bespoke-ss/footer-bg_md.png") #303e48 top center no-repeat; font-family: 'Raleway', sans-serif; font-size: 13px; text-transform: uppercase; }

@media (max-width: 767px) { #site_footer { background: url("https://s3.amazonaws.com/bespoke-ss/footer-bg_xs.png") #303E48 top right no-repeat; } }

@media (max-width: 991px) { #site_footer { text-align: center; } #site_footer .footer-top { padding-bottom: 0; } }

#site_footer .all-rights { display: block; }

@media (min-width: 768px) { #site_footer .all-rights { display: inline-block; } }

#site_footer .footer-nav ul > li > a { padding: 0 6px; border-right: 1px solid #FFFFFF; font-size: 15px; line-height: 15px; }

#site_footer .footer-nav ul > li > a:hover, #site_footer .footer-nav ul > li > a:focus { background-color: transparent; font-weight: 700; }

#site_footer .footer-nav ul > li:last-child > a { border: none; }

@media (max-width: 991px) { #site_footer .footer-nav { float: none !important; } #site_footer .footer-nav ul { width: 100%; text-align: center; margin-bottom: 28px; } #site_footer .footer-nav ul > li { float: none; display: inline-block; } }

@media (max-width: 991px) and (max-width: 767px) { #site_footer .footer-nav ul > li { display: block; padding: 3px 0; } #site_footer .footer-nav ul > li > a { border: 0; } }

.bespoke-contact .ss-widget { padding: 0; }

.bespoke-contact label { text-align: right; padding-top: 6px; text-transform: uppercase; }

/* Bespoke Survey */
/* version 161014 */
.required-asterisk, .required-message { font-family: "Roboto"; color: #c43b1d; font-weight: 400; font-size: 1.000rem; font-style: normal; color: #c43b1d; }

.required-message { margin-top: 5px; }

.required-asterisk { margin-left: 5px; }

.text { border: 1px solid #bbb; padding: 0.4em 0.6em; }

.question-container table { border-bottom: 1px solid #ddd; }

.question-container table .rt, .question-container table .lt { color: #a55525; font-weight: 400; font-size: 11px; }

.question-container #nextBtn { float: right; }

.question-container .question-text { margin-bottom: 24px; }

.question-container .answer { margin: 0; }

@media (min-width: 992px) { .question-container .answer { margin: 0 32px 24px; } }

.completed-wrap { display: none; }

.completed-wrap .result-wrap { display: none; }

.completed-wrap .completed-message { margin-bottom: 24px; }

.completed-wrap .grid-wrap { position: relative; display: block; max-width: 500px; margin: 0 auto; }

.completed-wrap .grid-wrap .tick-wrap { position: absolute; left: 0; bottom: 0; color: #a55525; font-size: 12px; width: 9.5%; height: 8%; border-top: 1px dashed #000; border-right: 1px dashed #000; margin: 0 0 9% 9%; }

.completed-wrap .grid-wrap .tick { position: absolute; right: -5px; top: -7px; size: 12px; }

.completed-wrap .grid-wrap .readiness { position: absolute; left: -15px; top: -12px; }

.completed-wrap .grid-wrap .suitability { position: absolute; right: -8px; bottom: -16px; }

.bespoke-survey h1 { color: #a55525; font-size: 26px; margin: 32px 0 26px 0; text-transform: uppercase; text-align: center; }

.bespoke-survey p { line-height: 23px; margin-bottom: 18px; font-size: 16px; }

.bespoke-survey .btn-wrap { text-align: center; }

.bespoke-survey .btn-lg { border-radius: 0; font-size: 18px; }

.bespoke-survey .btn-primary { border-color: #2e6da4; }

.bespoke-survey .btn-primary:hover, .bespoke-survey .btn-primary:focus { color: #ffffff !important; background: #286090; border-color: #204d74; }

.bespoke-survey label { font-weight: 700 !important; }

#modal-survey .modal-content { border-radius: 0; }

#modal-survey .modal-content p { margin: 0 8px 18px; line-height: 1.4375em; }

@media (min-width: 768px) { #modal-survey .modal-content p { margin-right: 22px; margin-left: 22px; } }

@media (min-width: 992px) { #modal-survey .modal-content p { margin-right: 32px; margin-left: 32px; } }

#modal-survey .modal-header { padding: 8px 8px 0; text-align: right; border: 0; }

#modal-survey .close { font-size: 21px; float: none; }

#modal-survey .btn-sm { font-size: 12px; border-radius: 0; }