/* cmsms stylesheet: Flexslider modified: 10/04/17 15:27:06 */
/** jQuery FlexSlider v2.2.0* http://www.woothemes.com/flexslider/** Copyright 2012 WooThemes* Free to use under the GPLv2 license.* http://www.gnu.org/licenses/gpl-2.0.html** Contributing author: Tyler Smith (@mbmufffin)*//* Browser Resets*********************************/.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}#wrapper .slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;}/* FlexSlider Necessary Styles*********************************/.flexslider {margin: 0; padding: 0;}.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */.flexslider .slides img {width: 100%; display: block;}.flex-pauseplay span {text-transform: capitalize;}/* Clearfix for the .slides element */.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}html[xmlns] .slides {display: block;}* html .slides {height: 1%;}/* No JavaScript Fallback *//* If you are not using another script, such as Modernizr, make sure you* include js that eliminates this class on page load */.no-js .slides > li:first-child {display: block;}/* FlexSlider Default Theme*********************************/.flexslider { margin: 0 0 0 0; background: #ffffff; border: 0 solid #fff; position: relative; zoom: 1; }.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }.loading .flex-viewport { max-height: 600px; }.flexslider .slides { zoom: 1; }.carousel li { margin-right: 0; }/* Direction Nav */.flex-direction-nav {*height: 0;}.flex-direction-nav a {background: url("https://www.draughtingsolutions.co.uk/images/bg_direction_nav.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);cursor: pointer;display: block;height: 30px;margin: -20px 0 0;opacity: 0;position: absolute;text-indent: -9999px;top: 50%;width: 30px;z-index: 99;}.flex-direction-nav .flex-prev { left: -36px; }.flex-direction-nav .flex-next {background-position: 100% 0;right: -36px;}.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }.flex-direction-nav a.flex-next:before  { content: '\f002'; }/* Pause/Play */.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }.flex-pauseplay a:hover  { opacity: 1; }.flex-pauseplay a.flex-play:before { content: '\f003'; }/* Control Nav */.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}.flex-control-thumbs li {width: 25%; float: left; margin: 0;}.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}.flex-control-thumbs img:hover {opacity: 1;}.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}@media screen and (max-width: 860px) {.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}.flex-direction-nav .flex-next { opacity: 1; right: 10px;}}
/* cmsms stylesheet: Main Styles modified: 09/11/18 14:28:12 */
/* Draughting Solutions Limited, Architectural Services for Canterbury and Kent Styles--------------------------------------------*//* Boilerplate----------------------------------------------Red: #c74a22;Green: #6aa744;Blue: #3d9fcf;Grey: #676e74;Orange: #f0595f;Dark Red: #701b45;Dark Blue: #20083d;Mid Blue: #18406e;Light Blue: #00afed;Dark Grey: #333333;Mid Grey: #aaaaaa;Light Grey: #f3f3f3;--------------------------------------------*//* Font Import---------------------------------------------- */@font-face {font-family: 'latolight';src: url('https://www.draughtingsolutions.co.uk/fonts/lato-lig-webfont.eot');src: url('https://www.draughtingsolutions.co.uk/fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),url('https://www.draughtingsolutions.co.uk/fonts/lato-lig-webfont.woff') format('woff'),url('https://www.draughtingsolutions.co.uk/fonts/lato-lig-webfont.ttf') format('truetype'),url('https://www.draughtingsolutions.co.uk/fonts/lato-lig-webfont.svg#latolight') format('svg');font-weight: normal;font-style: normal;}@font-face {font-family: 'latolight_italic';src: url('https://www.draughtingsolutions.co.uk/fonts/lato-ligita-webfont.eot');src: url('https://www.draughtingsolutions.co.uk/fonts/lato-ligita-webfont.eot?#iefix') format('embedded-opentype'),url('https://www.draughtingsolutions.co.uk/fonts/lato-ligita-webfont.woff') format('woff'),url('https://www.draughtingsolutions.co.uk/fonts/lato-ligita-webfont.ttf') format('truetype'),url('https://www.draughtingsolutions.co.uk/fonts/lato-ligita-webfont.svg#latolight_italic') format('svg');font-weight: normal;font-style: italic;}@font-face {font-family: 'latoregular';src: url('https://www.draughtingsolutions.co.uk/fonts/lato-reg-webfont.eot');src: url('https://www.draughtingsolutions.co.uk/fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),url('https://www.draughtingsolutions.co.uk/fonts/lato-reg-webfont.woff') format('woff'),url('https://www.draughtingsolutions.co.uk/fonts/lato-reg-webfont.ttf') format('truetype'),url('https://www.draughtingsolutions.co.uk/fonts/lato-reg-webfont.svg#latoregular') format('svg');font-weight: normal;font-style: normal;}@font-face {font-family: 'latoitalic';src: url('https://www.draughtingsolutions.co.uk/fonts/lato-regita-webfont.eot');src: url('https://www.draughtingsolutions.co.uk/fonts/lato-regita-webfont.eot?#iefix') format('embedded-opentype'),url('https://www.draughtingsolutions.co.uk/fonts/lato-regita-webfont.woff') format('woff'),url('https://www.draughtingsolutions.co.uk/fonts/lato-regita-webfont.ttf') format('truetype'),url('https://www.draughtingsolutions.co.uk/fonts/lato-regita-webfont.svg#latoitalic') format('svg');font-weight: normal;font-style: italic;}@font-face {font-family: 'latobold';src: url('https://www.draughtingsolutions.co.uk/fonts/lato-bol-webfont.eot');src: url('https://www.draughtingsolutions.co.uk/fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),url('https://www.draughtingsolutions.co.uk/fonts/lato-bol-webfont.woff') format('woff'),url('https://www.draughtingsolutions.co.uk/fonts/lato-bol-webfont.ttf') format('truetype'),url('https://www.draughtingsolutions.co.uk/fonts/lato-bol-webfont.svg#latobold') format('svg');font-weight: bold;font-style: normal;}@font-face {font-family: 'latobold_italic';src: url('https://www.draughtingsolutions.co.uk/fonts/lato-bolita-webfont.eot');src: url('https://www.draughtingsolutions.co.uk/fonts/lato-bolita-webfont.eot?#iefix') format('embedded-opentype'),url('https://www.draughtingsolutions.co.uk/fonts/lato-bolita-webfont.woff') format('woff'),url('https://www.draughtingsolutions.co.uk/fonts/lato-bolita-webfont.ttf') format('truetype'),url('https://www.draughtingsolutions.co.uk/fonts/lato-bolita-webfont.svg#latobold_italic') format('svg');font-weight: bold;font-style: italic;}/* Style resets----------------------------------------------- */html {height: 100%;}body {text-align: left;margin: 0;padding: 0;font-family: 'latoregular', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;font-size: 100%;min-height: 100%;position: relative;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-text-size-adjust: none;text-size-adjust: none;}h1,h2,h3,h4 {font-family: 'latolight', Arial, Helvetica, Verdana, sans-serif;margin: 0;padding: 0;font-weight: normal;font-style: normal;color: #c74a22;}i {font-family: 'latoitalic', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: italic;}img {max-width: 100%;height: auto;border: none;}strong {font-family: 'latobold', Arial, Helvetica, Verdana, sans-serif;font-weight: bold;font-style: normal;}#wrapper a:link,#wrapper a:visited {color: #3d9fcf;text-decoration: underline;font-family: 'latobold', Arial, Helvetica, Verdana, sans-serif;font-weight: bold;font-style: normal;}#wrapper a:hover {color: #3d9fcf;text-decoration: none;}span.grey-text {color: #919388;}#wrapper article table {clear: both;font-size: 1em;width: 100%;margin: /* Top */ 0 /* Right */ 0 /* Bottom */ 0.5em /* Left */ 0;border-collapse: collapse;border-left: #ffffff solid 1px;border-top: #ffffff solid 1px;/* table-layout: fixed;overflow-wrap: break-word;word-wrap: break-word; */}#wrapper article table th {color: #ffffff;background-color: #f0595f;text-align: center;font-family: 'latobold', Arial, Helvetica, Verdana, sans-serif;font-weight: bold;font-style: normal;border-right: #ffffff solid 1px;border-bottom: #ffffff solid 1px;padding: 5px 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}#wrapper article table td {text-align: center;font-family: 'latoregular', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;border-right: #ffffff solid 1px;border-bottom: #ffffff solid 1px;padding: 5px 0;background-color: #fff6f5;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;color: #701b45;}/* Wrapper----------------------------------------------- */#wrapper {width: 100%;background: #ffffff;overflow: auto;}#wrapper ul,#wrapper ol,#wrapper li,#wrapper dl,#wrapper dd,#wrapper dt,#wrapper p,#wrapper blockquote {margin: 0;padding: 0;font-weight: normal;}#wrapper ul li,#footer-wrapper ul li {list-style: none;}#wrapper ol li {list-style: decimal;}.wrapper-inner {width: 90%;max-width: 1024px;margin: 0 auto 0 auto;}.wide-wrapper-inner {width: 100%;float: left;height: auto;background-color: #ffffff;}/* Header----------------------------------------------- */#wrapper header {width: 100%; /* 1024px / 1024px */background: #ffffff;padding: 0;float: left;}#wrapper header #header-logo {float: left;-o-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;transition: .5s;position: relative;}#wrapper header #header-logo img {float: left;height: auto; /* 325px / 1024px */width: 290px;margin: 0.75em 1.953125% 0.75em 0; /* 20px / 1024px */position: relative;}#wrapper header .contact-area {float: left;width: 100%;background-color: #3d9fcf;}#wrapper header .contact-area .wrapper-inner {position: relative;}#wrapper header .contact-area .left-column {float: left;position: relative;width: 68%;padding: 0.55em 0 0.3em 0;}#wrapper header .contact-area .right-column {float: right;position: relative;width: 32%;padding: 0.4em 0;}#wrapper header .contact-area .left-column p,#wrapper header .contact-area .right-column p {color: #ffffff;font-family: 'latoregular', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;margin: 0;}#wrapper header .contact-area .left-column p {font-size: 1.0625em; /* 18px / 16px */text-align: left;}#wrapper header .contact-area .left-column p .icon {color: #ffffff;}#wrapper header .contact-area .right-column p {font-size: 1.0625em; /* 18px / 16px */text-align: right;}#wrapper header .contact-area .left-column span.block,#wrapper header .contact-area span.block {padding: 0 1em 0 0;}#wrapper header .contact-area span.social {padding: 0 0 0 0.5em;font-size: 1.25em; /* 18px / 16px */}#wrapper header .contact-area span.social .facebook {color: #ffffff;}#wrapper header .contact-area span.social .twitter {color: #ffffff;}#wrapper header .contact-area span.social .linked-in {color: #ffffff;}#wrapper header .contact-area span.social .pinterest {color: #ffffff;}#wrapper header .contact-area span.social .google-plus {color: #ffffff;}#wrapper header .contact-area span.social .instagram {color: #ffffff;}#wrapper header .contact-area a:link,#wrapper header .contact-area a:visited,#wrapper header .contact-area a:hover {color: #ffffff;text-decoration: none;font-family: 'latoregular', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;}/* Menu----------------------------------------------- */#wrapper nav.main-navigation {width: 50%; /* 679px / 1024px */float: right;}#wrapper nav.main-navigation ul {float: right;display: inline;list-style-type: none;position: relative;overflow: hidden;padding: 30px 0 0 0;}/*Create a horizontal list with spacing*/#wrapper nav.main-navigation ul li {display: inline;float: left;list-style: none;text-align: center;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;transition: 0.5s;padding: 0 0.3em;}/*Style for menu links*/#wrapper nav.main-navigation ul li a:link,#wrapper nav.main-navigation ul li a:visited {font-family: 'latoregular', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;font-size: 0.875em; /* 14px / 16px */display: block;color: #000000;text-transform: uppercase;text-decoration: none;padding-bottom: 5px;}/*Hover state for top level links*/#wrapper nav.main-navigation ul li a:hover {color: #6aa744;text-decoration: none;border-bottom: #6aa744 2px solid;padding-bottom: 3px;}#wrapper nav.main-navigation ul li.last_child {padding-right: 0;}#wrapper nav.main-navigation ul li a.menuactive:link,#wrapper nav.main-navigation ul li a.menuactive:visited,#wrapper nav.main-navigation ul li a.menuactive:hover {font-family: 'latoregular', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;color: #6aa744;text-decoration: none;border-bottom: #6aa744 2px solid;padding-bottom: 3px;}#wrapper nav.main-navigation ul li a.menuactive:hover {padding-bottom: 3px;border-bottom: #3d9fcf 2px solid;}/*Style 'show menu' label button and hide it by default*/#wrapper .show-menu {float: right;clear: right;font-size: 35px; /* 14px / 16px */width: 35px;color: #6aa744;text-align: center;display: none;padding: 0;margin: 0;border: 0;line-height: 100%;-o-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;transition: .5s;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}/*Hide checkbox*/#wrapper nav.main-navigation input[type=checkbox] {display: none;}/*Show menu when invisible checkbox is checked*/#wrapper nav.main-navigation input[type=checkbox]:checked ~ #menu {display: block;}/* Header Image----------------------------------------------- */#wrapper #header-image {float: left;width: 100%; /* 1024px / 1024px */position: relative;line-height: 0;}#wrapper #header-image #flexslider {float: left;width: 100%;position: relative;}#wrapper #header-image #flexslider ul,#wrapper #header-image #flexslider ul li {margin: 0;padding: 0;list-style: none;float: none;}#wrapper #header-image #flexslider ul li {}#wrapper #contact-map iframe {width: 100%;margin: 0;height: 550px;display: block;float: left;border: 0;overflow: hidden;}#wrapper #header-image #case-study,#wrapper #header-image #portfolio {float: left;width: 100%; /* 1024px / 1024px */position: relative;line-height: 0;text-align: center;}#wrapper #header-image #case-study {padding: 2em 0;}#wrapper #header-image #portfolio div {float: left;width: 100%; /* 1024px / 1024px */position: relative;line-height: 0;text-align: center;}#wrapper #header-image #portfolio img {margin: 2em auto;}/* Category Navigation----------------------------------------------- */.category-navigation {width: 100%;display: block;float: left;}.category-navigation ul#category-menu {width: 100%;display: block;float: left;padding: 0;margin: 0;margin-bottom: 1em;}.category-navigation ul#category-menu li {display: block;float: left;padding-right: 1em;margin-left: 0 !important;font-size: 1em;}.category-navigation ul#category-menu li.last_child {padding-right: 0;}/* Main Content----------------------------------------------- */#wrapper article {clear: both;width: 100%; /* 1024px / 1024px */padding: 2.5em 0 1em 0;float: left;overflow: auto;background-color: #ffffff;}#wrapper article .single-column,#wrapper article .smarty-column {width: 100%; /* 1024px / 1024px */float: left;}#wrapper article .double-column {width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;margin-bottom: 0.3em;}#wrapper article p,#wrapper article ul li,#wrapper article ol li {font-family: 'latolight', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;line-height: 150%;font-size: 1.125em; /* 18px / 16px */color: #666666;}#wrapper article h1 {font-size: 1.625em; /* 26px / 16px */margin-bottom: 0.3em;letter-spacing: 0.015em;text-align: left;}#wrapper article h2 {font-size: 1.25em; /* 20px / 16px */margin-bottom: 0.4em;letter-spacing: 0.015em;text-align: left;}#wrapper article h3 {font-size: 1em; /* 16px / 16px */font-family: 'latoregular', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;margin-bottom: 0.5em;letter-spacing: 0.015em;text-align: left;text-transform: none;}#wrapper article h4 {font-size: 1em; /* 16px / 16px */margin-bottom: 0.6em;font-family: 'latoregular', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;letter-spacing: 0.015em;text-align: center;}#wrapper article .portfolio h2 {font-size: 1.25em; /* 20px / 16px */font-family: 'latolight', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;letter-spacing: 0.015em;text-align: left;}#wrapper article .portfolio h3 {font-size: 1em; /* 16px / 16px */font-family: 'latoregular', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;margin: 0;padding: 0;letter-spacing: 0.015em;text-align: left;}#wrapper article .portfolio h4 {font-size: 1em; /* 16px / 16px */font-family: 'latoregular', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;letter-spacing: 0.015em;text-align: center;}#wrapper article p,#wrapper article ul,#wrapper article ol {padding-bottom: 0.9em;}#wrapper article p {text-align: left;}#wrapper article .double-column h1,#wrapper article .double-column h2,#wrapper article .double-column h3,#wrapper article .double-column h4,#wrapper article .double-column p {text-align: left;}#wrapper article p {-webkit-column-break-inside: avoid; /* Chrome, Safari */page-break-inside: avoid;           /* Theoretically FF 20+ */break-inside: avoid-column;         /* IE 11 */display: table;                      /* Actually FF 20+ */width: 100%;}#wrapper article .breadcrumb {color: #919388;font-size: 0.875em; /* 14px / 16px */}#wrapper article a:link.client-button,#wrapper article a:visited.client-button {font-family: 'latoregular', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;font-size: 0.875em; /* 14px x 16px */color: #ffffff;background-color: #7cbb46;text-decoration: none;padding: 0.5em 1.25em;-moz-border-radius: 25px;-webkit-border-radius: 25px;border-radius: 25px;text-transform: uppercase;display: inline-block;-o-transition:.25s;-ms-transition:.25s;-moz-transition:.25s;-webkit-transition:.25s;transition:.25s;}#wrapper article a:hover.client-button {background-color: #676e74;-o-transition:.25s;-ms-transition:.25s;-moz-transition:.25s;-webkit-transition:.25s;transition:.25s;}#wrapper article .single-column ul li,#wrapper article .double-column ul li,#wrapper article .smarty-column ul li {list-style: disc url('https://www.draughtingsolutions.co.uk/images/bullet-architects-canterbury-kent.png') outside;}#wrapper article .single-column ul li,#wrapper article .single-column ol li {margin-left: 2.134146341463%; /* 21px / 984px */margin-bottom: 0;}#wrapper article .double-column ul li,#wrapper article .double-column ol li {margin-left: 4.356846473029%; /* 21px / 482px */margin-bottom: 0;}#wrapper article .smarty-column hr,#wrapper article .single-column hr {display: block;height: 3px;width: 40%;margin: 0 60% 2em 0;padding: 0;color: #c74a22;background-color: #c74a22;border: none;margin-top: 0.75em;float: left;clear: both;}#wrapper article .double-column hr,#wrapper article .double-column hr {margin: 0.75em 60% 2em 0;}#wrapper article iframe.location-map {width: 100%;height: 350px;margin: 0;margin-bottom: 1em;border: 0;border: 0;overflow: hidden;}#wrapper article img.project-image {margin: 0;margin-bottom: 2em;padding: 0;line-height: 0;}#wrapper article iframe.location-map {width: 100%;height: 350px;margin: 0;margin-bottom: 0.5em;border: 0;}/* Columns----------------------------------------------- */#wrapper article .one-column,#wrapper article .two-column,#wrapper article .three-column,#wrapper article .four-column {float: left;width: 100%;padding: 0;margin: 0;}#wrapper article .one-column {-webkit-column-count: 1; /* Chrome, Safari, Opera */-moz-column-count: 1; /* Firefox */column-count: 1;}#wrapper article .two-column {-webkit-column-count: 2; /* Chrome, Safari, Opera */-moz-column-count: 2; /* Firefox */column-count: 2;-webkit-column-gap: 40px; /* Chrome, Safari, Opera */-moz-column-gap: 40px; /* Firefox */column-gap: 40px;}#wrapper article .three-column {-webkit-column-count: 3; /* Chrome, Safari, Opera */-moz-column-count: 3; /* Firefox */column-count: 3;-webkit-column-gap: 40px; /* Chrome, Safari, Opera */-moz-column-gap: 40px; /* Firefox */column-gap: 40px;}#wrapper article .fourcolumnform,#wrapper article .four-column {-webkit-column-count: 4; /* Chrome, Safari, Opera */-moz-column-count: 4; /* Firefox */column-count: 4;-webkit-column-gap: 40px; /* Chrome, Safari, Opera */-moz-column-gap: 40px; /* Firefox */column-gap: 40px;}#wrapper article .two-column img,#wrapper article .three-column img {float: left;}#wrapper article .two-column ul li {margin-left: 4.356846473029%; /* 21px / 482px */}#wrapper article .singlecolumnform {display: inline-block;width: 100%;margin: 0;padding: 0;}#wrapper .services {width: 100%;float: left;background: url(https://www.draughtingsolutions.co.uk/images/blue-base-architectural-bg.jpg) #3d9fcf no-repeat 50% 50%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;border-bottom: #ffffff solid 2px;padding: 2em 0;}#wrapper .testimonialspage {width: 100%;float: left;}#wrapper .servicessummarypage {margin-top: 1em;}#wrapper .servicessummarypage li h2,#wrapper .servicessummarypage li h2 a {color: #c74a22;;font-family: 'latolight', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;text-decoration: none;}#wrapper .services li h2 {font-size: 1.5em; /* 20px / 16px */margin-bottom: 0.5em;letter-spacing: 0.015em;}#wrapper .services li p,#wrapper .serviceshomepage li p {line-height: 150%;font-size: 1.125em; /* 16px / 16px */font-family: 'latolight', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;text-align: center;}#wrapper .services li p {margin-bottom: 1em;}#wrapper .serviceshomepage ul li p,#wrapper .servicessummarypage ul li p {font-size: 0.88888888888889em; /* 16px / 18px */}#wrapper .services li h2 a,#wrapper .serviceshomepage li h2 a,#wrapper .services li h3 a,#wrapper .serviceshomepage li h3 a {text-decoration: none;}#wrapper .services li a.more-button:link,#wrapper .services li a.more-button:visited,#wrapper .services li a.more-button:hover,#wrapper .serviceshomepage li a.more-button:link,#wrapper .serviceshomepage li a.more-button:visited,#wrapper .serviceshomepage li a.more-button:hover {position: relative;color: #3d9fcf;text-decoration: none;padding: 0.25em 0.5em;background-color: #ffffff;width: auto;display: inline-block;line-height: 150%;}#wrapper .serviceshomepage ul li a.more-button:link,#wrapper .serviceshomepage ul li a.more-button:visited,#wrapper .serviceshomepage ul li a.more-button:hover {font-size: 0.88888888888889em; /* 16px / 18px */}#wrapper .testimonialspage {width: 100%;}#wrapper .testimonialspage ul {margin: 0;padding: 0;list-style: none;width: 100%;}#wrapper .testimonialspage li {margin: 0 0 2em 0 !important;padding: 0 !important;list-style: none !important;}#wrapper .testimonialspage li p.testimonial-quote {color: #c74a22;font-size: 1.25em; /* 20px / 16px */font-family: 'latolight_italic', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: italic;margin: 0 0 0.5em 0 !important;padding: 0 !important;}#wrapper .testimonialspage li p.testimonial-name {margin: 0 0 2em 0 !important;padding: 0 !important;list-style: none !important;font-size: 0.875em; /* 14px / 16px */}/* Case Studies----------------------------------------------- */#wrapper article .single-column .case-study,#wrapper article .smarty-column .case-study,#wrapper article .single-column .portfolio,#wrapper article .smarty-column .portfolio,#wrapper .services .portfolio,#wrapper .services .portfolio {float: left;width: 100%;padding: 0;margin: 0;margin-left: -1.953125%; /* 20px / 1024px */overflow: hidden;}#wrapper article .single-column .case-study li,#wrapper article .smarty-column .case-study li,#wrapper article .single-column .portfolio li,#wrapper article .smarty-column .portfolio li,#wrapper .services .portfolio li,#wrapper .services .portfolio li {float: left;width: 31.380208333333%; /* 321.33333333333333px / 1024px */padding: 0;margin: 0;position: relative;list-style: none;line-height: 0;margin-left: 1.953125%; /* 20px / 1024px */}#wrapper article .single-column .case-study li,#wrapper article .smarty-column .case-study li {margin-bottom: 1em;}#wrapper article .single-column .case-study li img,#wrapper article .smarty-column .case-study li img,#wrapper article .single-column .portfolio li img,#wrapper article .smarty-column .portfolio li img,#wrapper .services .portfolio li img,#wrapper .services .portfolio li img {float: left;width: 100%;padding: 0;margin: 0;}#wrapper article .smarty-column .portfolio .img-overlay img,#wrapper .services .portfolio .img-overlay img {position: relative;vertical-align: top;}#wrapper article .smarty-column .portfolio .overlay,#wrapper .services .portfolio .overlay {display: flex;position: absolute;color: #fff;top: 0;bottom: 0;right: 0;left: 0;background-color: rgba(61, 159, 207, 0.7);justify-content: center;align-items: center;opacity: 1;transition: opacity .25s;line-height: 175%;}#wrapper .services .portfolio .overlay {background-color: rgba(255, 255, 255, 0.8);}#wrapper article .smarty-column .portfolio .img-overlay,#wrapper .services .portfolio .img-overlay {position: relative;display: inline-block;}#wrapper article .smarty-column .portfolio .img-overlay:hover .overlay,#wrapper .services .portfolio .img-overlay:hover .overlay {opacity: 0;}#wrapper article .smarty-column .portfolio li h2 {color: #ffffff;text-align: center;}#wrapper .services .portfolio li h2 {color: #3d9fcf;text-align: center;font-family: 'latobold';font-weight: bold;font-style: normal;}/* News, Services & Case Studies----------------------------------------------- */#wrapper article .single-column .summary-service,#wrapper article .smarty-column .summary-service {width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;padding-left: 0;padding-right: 0;margin: 1em 0 0 0;}#wrapper article .single-column .summary-service li,#wrapper article .smarty-column .summary-service li,#wrapper article .single-column .case-studies li,#wrapper article .smarty-column .case-studies li {margin: 0 0 2em 0;position: relative;list-style: none;}#wrapper article .single-column .grid-50,#wrapper article .smarty-column .grid-50 {width: calc(50% - 20px);}#wrapper article .single-column .grid-33,#wrapper article .smarty-column .grid-33 {width: calc(33.3333333333% - 20px);}#wrapper article .single-column .grid-25,#wrapper article .smarty-column .grid-25 {width: calc(25% - 20px);}#wrapper article .single-column .summary-service .individual-service,#wrapper article .smarty-column .summary-service .individual-service {width: 100%;min-height: 8em;position: relative;padding: 3.5em 0;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px}#wrapper .index-services .summary-service .individual-service h2,#wrapper .index-services .summary-service .individual-service p,#wrapper .index-services .summary-service .individual-service img,#wrapper article .single-column .summary-service .individual-service h2,#wrapper article .single-column .summary-service .individual-service p,#wrapper article .single-column .summary-service .individual-service img {text-align: center;}#wrapper article .single-column .summary-service .individual-service img {width: 80px;}#wrapper article .single-column .summary-service .individual-service p,#wrapper article .smarty-column .summary-service .individual-service p {padding-left: 10%;padding-right: 10%;width: 80%;text-align: center;}#wrapper article .single-column .summary-service h2,#wrapper article .smarty-column .summary-service h2 {font-size: 1.5em; /* 24px / 16px */margin-bottom: 0.3em;font-family: 'latolight', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;letter-spacing: 0.015em;width: 80%;margin: 0 10%;padding: 0;text-align: center;}#wrapper article .single-column .summary-service h2,#wrapper article .smarty-column .summary-service h2,#wrapper article .single-column .case-studies h2 {color: #2d3049;}#wrapper .index-services .summary-service .individual-service h2 a,#wrapper .index-services .summary-service .individual-service h3 a,#wrapper article .smarty-column .summary-service h2 a,#wrapper article .smarty-column .summary-service h3 a {font-family: 'latobold', Arial, Helvetica, Verdana, sans-serif;font-weight: bold;font-style: normal;color: #2d3049;text-decoration: none;clear: both;padding: 0;}#wrapper article .HomeBacklink a {text-decoration: none;display: block;background-color: #333333;padding: 0.25em 12px;float: left;color: #ffffff;}#wrapper article .HomeBacklink a {margin-top: 1em;margin-bottom: 2.5em;}/* Client Logo Column----------------------------------------------- */#wrapper article .client-column,#wrapper article .client-logo-column {width: 100%; /* 1024px / 1024px */float: left;}#wrapper article .client-logo-column ul {display: flex;justify-content: space-between;}#wrapper article .client-logo-column ul li {width: 14%;margin: 0;font-family: 'latolight', 'Helvetica', 'Arial', sans-serif;font-size: 1em;text-decoration: none;display: inline-block;border: #cccccc 2px solid;margin-bottom: 1em;line-height: 0;}#wrapper article .client-logo-column ul li img {background-color: #ffffff;}/* Homepage Bottom Images----------------------------------------------- */#wrapper .wide-wrapper-inner .left-base,#wrapper .wide-wrapper-inner .right-base {width: 50%;float: left;position: relative;}#wrapper .wide-wrapper-inner .base-image {float: left;width: 100%; /* 1024px / 1024px */position: relative;line-height: 0;}#wrapper .wide-wrapper-inner .left-base .text-area,#wrapper .wide-wrapper-inner .right-base .text-area {width: 100%;text-align: center;z-index: 3;position: absolute;background: rgba(32, 103, 137, 0.75);height: 50%;}#wrapper .wide-wrapper-inner .left-base .text-area {bottom: 0;}#wrapper .wide-wrapper-inner .right-base .text-area {top: 0;}#wrapper .wide-wrapper-inner .text-area h3 {font-size: 2.5em; /* 40px / 16px */margin: 0;padding: 0;}#wrapper .wide-wrapper-inner .text-area p {font-size: 1.25em; /* 40px / 16px */}#wrapper .wide-wrapper-inner .left-base .text-area h3,#wrapper .wide-wrapper-inner .left-base .text-area p,#wrapper .wide-wrapper-inner .right-base .text-area h3,#wrapper .wide-wrapper-inner .right-base .text-area p {width: 100%;color: #ffffff;line-height: 100%;position: relative;top: 45%;transform: translateY(-45%);}/* Like Tweet Plus----------------------------------------------- */#wrapper article ul.like_tweet {width: 100%;padding:0;margin:0;list-style: none;clear: both;}#wrapper article ul.like_tweet li {float: left;display: inline;margin: 0;padding: 0;width: 10%;list-style: none;}#wrapper article ul.like_tweet li #fb-root {margin: 0;margin-top: -0.35em;padding: 0;}/* Footer----------------------------------------------- */#clear-base {clear: both;width: 100%;height: 20em;}footer {width: 100%;height: 20em;bottom: 0;left: 0;position: absolute;}footer .light-grey-column,footer .dark-grey-column {width: 100%; /* 1024px / 1024px */float: left;}footer .light-grey-column {background-color: #999999;text-align: center;}footer .dark-grey-column {background-color: #333333;}footer .wrapper-inner {width: 90%;max-width: 1024px;margin: 0 auto 0 auto;position: relative;display: table;}footer .light-grey-column .wrapper-inner {height: 7em;}footer .light-grey-column span a:link,footer .light-grey-column span a:hover,footer .light-grey-column span a:visited {font-size: 1.125em; /* 18px / 16px */padding: 10px 20px;font-family: 'latobold', Arial, Helvetica, Verdana, sans-serif;font-weight: bold;font-style: normal;letter-spacing: 0.015em;display: inline-block !important;text-decoration: none;border-collapse: collapse;border: #ffffff solid 2px;}footer .dark-grey-column .wrapper-inner {height: 13em;}footer .cell-inner {width: 100%;display: table-cell;vertical-align: middle;}footer .dark-grey-column .wrapper-inner .cell-inner .left-column {width: 78.515625%; /* 804px / 1024px */float: left;}footer .dark-grey-column .wrapper-inner .cell-inner .right-column {width: 19.53125%; /* 200px / 1024px */margin-left: 1.953125%; /* 20px / 1024px */float: right;}footer .wrapper-inner p,footer .wrapper-inner li {font-size: 0.8125em; /* 13px / 16px */margin: 0 0 0.5em 0 !important;color: #ffffff;}footer .wrapper-inner ul {width: 100%;display: block;float: left;padding: 0;margin: 0;}footer .wrapper-inner ul li {display: block;float: left;padding: 0;padding-right: 1em;margin: 0;}footer .wrapper-inner ul li.last_child {padding-right: 0;}footer .wrapper-inner a:link,footer .wrapper-inner a:visited {color: #ffffff !important;font-family: 'latoregular', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;text-decoration: underline;}footer .wrapper-inner a:hover {color: #ffffff !important;text-decoration: none;}footer .wrapper-inner .copyright {width: 100%;float: left;clear: both;}footer .wrapper-inner .cell-inner a:link,footer .wrapper-inner .cell-inner a:visited,footer .wrapper-inner .cell-inner a:hover {color: #000000;text-decoration: none;font-family: 'latoregular', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;}/* Scroll To Top----------------------------------------------- */#toTop {display: none;text-decoration: none;position: fixed;bottom: 15px;right: 15px;overflow: hidden;width: 51px;height: 51px;border:none;text-indent: 100%;background: url(https://www.draughtingsolutions.co.uk/images/ui.totop.png) no-repeat left top;}#toTopHover {background: url(https://www.draughtingsolutions.co.uk/images/ui.totop.png) no-repeat left -51px;width: 51px;height: 51px;display: block;overflow: hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}#toTop:active, #toTop:focus {outline: none;}/* Fade Ins----------------------------------------------- */#wrapper header,footer {-webkit-animation: fadein 1.5s; /* Safari and Chrome */-moz-animation: fadein 1.5s; /* Firefox */-ms-animation: fadein 1.5s; /* Internet Explorer */-o-animation: fadein 1.5s; /* Opera */animation: fadein 1.5s;}@keyframes fadein {from { opacity: 0; }to   { opacity: 1; }}/* Firefox */@-moz-keyframes fadein {from { opacity: 0; }to   { opacity: 1; }}/* Safari and Chrome */@-webkit-keyframes fadein {from { opacity: 0; }to   { opacity: 1; }}/* Internet Explorer */@-ms-keyframes fadein {from { opacity: 0; }to   { opacity: 1; }}/* Opera */@-o-keyframes fadein {from { opacity: 0; }to   { opacity: 1; }}
/* cmsms stylesheet: Forms modified: 01/22/18 12:00:56 */
/* Boilerplate----------------------------------------------Red: #c74a22;Green: #6aa744;Blue: #3d9fcf;Grey: #676e74;--------------------------------------------*/#wrapper article form {width: 100%;padding: 0 0 0.5em 0;margin: 0;}#wrapper article form h2,#wrapper article form label {color: #2d3049 !important;}#wrapper article form label {font-family: 'latolight', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;line-height: 150%;font-size: 1.125em; /* 18px / 16px */color: #666666;}#wrapper article .error_message {color: #ff0000;}#wrapper article form .day select,#wrapper article form .month select,#wrapper article form .year select {width: 30.729166666667%; /* 314.66666666666667px / 1024px */float: left;}#wrapper article form .month select {margin: 0 3.90625%; /* 40px / 1024px */}#wrapper article form .left label,#wrapper article form .right label,#wrapper article form .both label {width: 100%; /* 1024px / 1024px */float: left;display: block;clear: both;}#wrapper article form .radio {width: 100%; /* 1024px / 1024px */float: left;display: block;clear: both;margin-bottom: 5px;}#wrapper article form input[type='text'],#wrapper article form input[type='email'],#wrapper article form input[type='tel'],#wrapper article form input[type='password'],#wrapper article form select,#wrapper article form textarea {display: block;background-color: #eeeeee;margin-bottom: 5px;font-size: 1em;border: 0;font-family: 'latoregular', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;width: 100%;padding: 0;border-width: 0;}#wrapper article form textarea {height: 150px;}#wrapper article form input[type='file'] {display: block;background-color: #eeeeee;margin-top: 0.1em;margin-bottom: 5px;font-size: 1em;border: none;font-family: 'latoregular', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;height: 32px;line-height:32px;width: 100%;padding: 0;border-width: 0;}#wrapper article form .radio-margin {margin-top: 2px;margin-bottom: 5px;}#wrapper article form input[type='radio'] {margin-top: 2px;margin-bottom: 5px;}#wrapper article form input[type='text'],#wrapper article form input[type='email'],#wrapper article form input[type='tel'],#wrapper article form input[type='password'],#wrapper article form select {height: 32px;line-height:32px;}#wrapper article form input[type='radio'] {border:none;}#wrapper article form p {color: #999999;font-size: 1em; /* 20px / 16px */}#wrapper article form input[type='submit'] {clear: both;background-color: #6aa744;border: 0 none;color: #ffffff;cursor: pointer;display: inline-block;font-size: 1em;height: 32px;line-height: 32px;padding-left: 10px;padding-right: 10px;text-align: center;text-decoration: none;vertical-align: top;white-space: nowrap;width: auto;border: none;-o-transition:.25s;-ms-transition:.25s;-moz-transition:.25s;-webkit-transition:.25s;transition:.25s;margin-top: 0;margin-bottom: 0.5em;-webkit-appearance: none;font-family: 'latoregular', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;float: left;}#wrapper article form input[type='submit']:hover {background-color: #676e74;color: #ffffff;}#wrapper article form input[type="checkbox"]{outline: 2px solid #6aa744;box-sizing: border-box;cursor: pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 1px;box-sizing: border-box;position: relative;box-sizing: content-box;width: 10px;height: 10px;border-width: 0;transition: all .3s linear;}#wrapper article form input[type="checkbox"]:checked{background-color: #6aa744;}#wrapper article form input[type="checkbox"]:focus{outline: 2px solid #ff0000;box-shadow: none;}#wrapper article form .privacy-policy {margin: 1em 0;}#wrapper article form input.search-button {margin-bottom: 5px;}#wrapper article form .captcha  {margin-bottom: 2px;}#wrapper article form img.captchapict,#wrapper article form .captcha input {width: 198px;  /* 198px / 482px */}#wrapper article form .captchapict {margin-top: 2px;margin-bottom: 0;margin-left: 0;margin-right: 0;float: none;max-width: 198px;}#wrapper article form .hidden-field {display: none;}