/* cmsms stylesheet: smart_2019_720_or_less modified: 08/17/20 12:25:49 */
@import url("https://use.typekit.net/ade2ksh.css");

body {
	margin: 0px;
	padding: 0px;
	font-size: 85%;
	line-height: 130%;
	font-family: calibri, sans-serif;
	color: #000000;
}


header {
	width: 100%;
	z-index: 999999;
	background-color: #ffffff;
        clear: both;
}

#outer_header {
	
}

#inner_header {
	width: 300px;
	display: table;
	margin: 0px auto;
	position: relative;
}

#logo {
	width: 200px;
        margin: 10px auto 20px auto;
}

#phone {
    text-align: center;
    font-size: 130%;
margin-bottom: 20px;
}

#phone a:link, #phone a:visited {
	text-decoration: none;
	color: #ff1610;
}

#search {
    display: none;
}

#search_link {
	cursor: pointer;
	float: left;
}

#search_off {
	cursor: pointer;
	display: none;
	float: left;
}

#search_actual {
	overflow: hidden;
	display: inline-block;
	float: left;
}

#search_actual input {
    background-color: #cccccc;
    display: inline-block;
    width: 206px;
    height: 34px;
    border: 0px;
padding-left: 10px;
}

#search_actual input.search-button {
    width: 66px;
padding-left: 0px;
}

#top_navigation {
	position: absolute;
	right: 0px;
	bottom: 10px;
}

#menu_show {
	display: none;
}

#actual_menu {
	display: block;
}

#actual_menu ul {
	margin: 0px;
	padding: 0px;
}

#actual_menu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}

#actual_menu a:link, #actual_menu a:visited {
	position: relative;
	display: block;
	min-width: 60px;
	padding: 0px 10px 5px 10px;
	border-bottom: 2px solid #ffffff;
	font-size: 120%;
	color: #ff1610;
	text-align: center;
	text-decoration: none;
}

#actual_menu a:hover {
	border-bottom: 2px solid #126fb7;
}

#actual_menu li ul {
	position: absolute;
	z-index: 200;
	display: none;
	background-color: #ffffff;
	padding: 20px 10px 10px 10px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	width: 150px;

}

#actual_menu li ul li {
	float: none;
}

#actual_menu li ul li a:link, #actual_menu li ul li a:visited {
	position: relative;
	display: block;
	min-width: 60px;
	padding: 0px 10px 5px 10px;
	border-bottom: 0px;
	font-size: 110%;
	color: #ff1610;
	text-decoration: none;
	text-align: left;
	color: #545454;
}

#actual_menu li ul li a:hover {
	border-bottom: 0px;
	font-weight: bold;
}

#outer_slider {
background: #da0600;
}

#inner_slider {
	width: 300px;
	height: 118px;
	margin: 0px auto;
	position: relative;
}

.video {
height: 176px;
}

.video iframe {
width: 300px;
height: 176px;
}

#prev {
    display: block;
    background-color: #000000;
    color: #ffffff;
    position: absolute;
    top: 43px;
    left: 0px;
    box-sizing: border-box;
    padding: 10px 10px;
    width: 30px;
    height: 38px;
    z-index: 999;
    font-size: 120%;
	cursor: pointer;
}

#next {
    display: block;
    background-color: #000000;
    color: #ffffff;
    position: absolute;
    top: 43px;
    right: 0px;
    box-sizing: border-box;
    padding: 10px 10px;
    width: 30px;
    height: 38px;
    z-index: 999;
    font-size: 120%;
	cursor: pointer;
}

#teamstories .cycle-slideshow {
height: 434px;
}

.cycle-slideshow div.actualslide {
	width: 300px;
	height: 268px;
}

.standardheader {
	width: 300px;
	height: 268px;
	position: relative;
}

.cycle-slideshow div.actualslide img, .standardheader img {
	max-width: 100%;
	height: auto;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.cycle-slideshow div.actualslide span {
	width: 400px;
    box-sizing: border-box;
    padding: 40px;
	position: absolute;
	top: 40px;
	right: 60px;
	z-index: 2;
	background-image: url("http://www.smartsupport.uk.com/look_2019/whitetrans.png");
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.cycle-slideshow div.actualslide span p {
	font-size: 150%;
	line-height: 180%;
}

.cycle-slideshow div.actualslide span a:link, .cycle-slideshow div.actualslide span a:visited {
	display: block;
	border: 1px solid #ffffff;
	background-color: #126fb7;
	color: #ffffff;
	text-decoration: none;
	height: 50px;
	width: 180px;
	box-sizing: border-box;
	text-align: center;
	padding-top: 11px;
	font-size: 130%;
	margin: 0px auto;
}

.cycle-slideshow div.actualslide a:hover {
	background-color: #9d0011;
}


#getintouchlink {
	position: absolute;
	background-color: #126fb7;
	right: -60px;
	top: 0px;
	width: 60px;
	height: 160px;
}

#getintouchlink span {
	transform: rotate(90deg);
	display: block;
	width: 160px;
	height: 60px;
	position: absolute;
    left: -50px;
    top: 50px;
	color: #ffffff;
	padding: 24px 0px 0px 0px;
	box-sizing: border-box;
	text-align: center;
	font-size: 120%;
	cursor: pointer;
	
}

.outer_mainpage {
	
}

.inner_mainpage {
	width: 300px;
	margin: 0px auto;
	position: relative;
}

#second_section {
height: auto !important;
}

#second_section .left_column {
width: 100%;
position: relative;
}

#second_section .right_column {
    width: 100%;
    position: relative;
    height: 500px !important;
}

#second_section .right_column .cycle-slideshow {
height: 200px !important;
}

#second_section .right_column .cycle-slideshow, #second_section .right_column .cycle-slide-active, #second_section .right_column .cycle-slide {

}

#second_section .red {
background-color: #da0600;
}

#second_section .gray {
background-color: #cdcdcd;
}

#second_section .standard {
height: auto;
}



.left_column {
	box-sizing: border-box;
}

.right_column {
	box-sizing: border-box;
}

.left_column_wide {
	width: 75%;
	float: left;
	box-sizing: border-box;
}

.right_column_narrow {
	width: 25%;
	float: right;
	box-sizing: border-box;
}

.linkcolumn a:link, .linkcolumn a:visited {
	display: block;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	padding: 8px 0px;
	margin: 20px 20px 0px 20px;
	
}

.rightborder {
	border-right: 10px solid #cdcdcd; 
}

.undercol {
	clear: both;
height: 1px;
	text-size: 1px;
}

#outer_footer {
	
}

#inner_footer {
	width: 300px;
	padding-top: 10px;
	display: table;
	margin: 0px auto;
	position: relative;
}

#inner_footer a:link, #inner_footer a:visited {
	color: #000000;
	text-decoration: none;
}

#inner_footer a:hover  {
	color: #000000;
	text-decoration: underline;
}

#inner_footer p {
	margin-bottom: 5px;
}

#socials {
height: 31px;
	margin: 20px auto;
	display: table;
}

#socials a {
	display: inline-block;
	float: left;
	margin-right: 12px;
	width: 32px;
	height: 32px;
}

#footer_left {
text-align:center;
}

#footer_right {
text-align:center;
}

h1 {
	font-size: 200%;
	line-height: 100%;
	margin: 0px 0px 20px 0px;
	font-weight: 400;
}

.standardheader h1 {
	position: absolute;
	top: 40px;
	left: 40px;
	z-index: 100;
	color: #ffffff;
}

.standardheader #header_text {
	position: absolute;
	top: 130px;
	left: 40px;
	z-index: 100;
	color: #ffffff;
font-size: 130%;
width: 600px;
}

.standardheader #header_text a:link, .standardheader #header_text a:visited {
color: #ffffff;
font-size: 140%;
text-decoration: none;
}

h2 {
	font-size: 150%;
	line-height: 120%;
	margin: 0px 0px 10px 0px;
	font-weight: 400;
}

h3 {
	font-size: 120%;
	line-height: 120%;
	margin: 0px 0px 10px 0px;
	font-weight: 400;
}

.right_column_narrow h3 {
        margin-left: 20px;
}

h4 {
	font-size: 130%;
	line-height: 120%;
	margin: 0px 0px 20px 0px;
	font-weight: 400;
}

h5 {
	font-size: 110%;
	line-height: 160%;
	margin: 0px 0px 5px 0px;
	font-weight: 400;
}

h6 {
	font-size: 110%;
	margin: 0px 0px 10px 0px;
}

p {
	margin: 0px 0px 20px 0px;
}

a:link, a:visited {
	color: #ff1610;
	text-decoration: underline;
}

a:hover  {
	color: #000000;
	text-decoration: none;
}

a.linkbutton:link, a.linkbutton:visited {
	display: block;
	border: 1px solid #ffffff;
	background-color: #126fb7;
	color: #ffffff;
	text-decoration: none;
	height: 45px;
	width: 300px;
	box-sizing: border-box;
	text-align: center;
	padding-top: 11px;
	font-size: 130%;
	margin: 0px auto;
}

.image a.linkbutton:link, .image a.linkbutton:visited, a.absolute:link,  a.absolute:visited  {
margin: 10px 0px 10px 0px;
}

a.linkbutton:hover  {
	background-color: #9d0011;
}

a img {
border: 0px;
}

.top-border {
	border-top: 3px solid #fff;
}

.gray, .contacttext {

 }

.contacttext a:link, .contacttext a:visited {

}

.white {
    background: #ffffff;
}

.red {

}

.gray a:link, .gray a:visited {
color: #000000;
}

.basetext {
	font-size: 110%;
}

.whitetext {

}

.padded {
	padding: 15px 15px 5px 15px;
}

.bottompad {
padding-bottom: 80px !important;
}

.paddedless {
	padding: 40px;
}

.leftpadded {
padding-left: 20px;
float: left;
}

.position_holder {
position: relative;
}

.lowmargin {
margin-bottom: 40px;
}

.halfheight {

}

.standard {

}

.long {

}

.maxlong {

}

.maxmaxlong {

}

#workshops, #workshops .maxmaxlong {

}

#workshopstories {
display: none;
}

.short {

}

.teamlength {

}

.overflow {
	overflow: hidden;
}

.image {
	
}

.image img {
	z-index: 10;
	width: 100%;
	height: auto;
margin-top: 20px;
}

#storyprev {
    display: block;
    background-color: #000000;
    color: #ffffff;
    position: absolute;
    top: 90px;
    left: 0px;
    box-sizing: border-box;
    padding: 10px;
    width: 30px;
    height: 42px;
    z-index: 999;
    font-size: 120%;
	cursor: pointer;
}

#storynext {
    display: block;
    background-color: #000000;
    color: #ffffff;
    position: absolute;
    top: 90px;
    right: 0px;
    box-sizing: border-box;
    padding: 10px;
    width: 30px;
    height: 42px;
    z-index: 999;
    font-size: 120%;
	cursor: pointer;
}

#storyprev, #storynext {
display: none;
}

.story {
	
}

.story_quote {
	font-size: 130%;
	line-height: 160%;
	display: block;
	margin-bottom: 20px;
}

.story_reference {
	
}

.news {
	padding-bottom: 30px;
}

.news h4 {
	font-size: 200%;
	color: #ff1610;
}

.news p {}

.news a { display: block; }

.news span { display: block; }

.news a.smalllink {
	font-size: 80%;
}

.smalltext {
	font-size: 60%;
}

.eventiframe {
margin-bottom: 20px;
}

.eventiframe iframe, iframe.eventiframe  {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
margin-top: 22px;
width: 300px;
    height: 300px;

}

.BlogSummary {

}

.BlogSummaryInner {
overflow: hidden;
box-sizing: border-box;
margin: 0px 10px;
margin-bottom: 10px;
position: relative;
}

.BlogSummaryInnerShort {
overflow: hidden;
box-sizing: border-box;
margin-bottom: 10px;
position: relative;
}

.BlogSummaryInnerLong {
overflow: hidden;
box-sizing: border-box;
margin-bottom: 10px;
position: relative;
}

.BlogSummaryTitle {
min-height: 20px;
padding: 10px 30px 15px 10px;
color: #ffffff;
margin-bottom: 20px;
}

.BlogSummaryTitle h3 {
margin-bottom: 0px;
}

.BlogSummaryContent {
padding: 0px 10px 30px 10px;
}

.BlogSummaryDate {
margin-top: 10px;
font-size: 70%;
}

a.BlogSummaryLink:link, a.BlogSummaryLink:visited {
display: block;
    width: 150px;
    height: 35px;
    border: 1px solid #ffffff;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    padding-top: 6px;
    font-size: 120%;
    text-decoration: none;
    margin-top: 20px;
}

a.BlogSummaryLinkHeader:link, a.BlogSummaryLinkHeader:visited {
color:#ffffff;
}

.colour1 , .colour2, .colour3 {
background-color: #da0600;
color: #ffffff;
}

.colour2 .BlogSummaryTitle, .colour1 .BlogSummaryTitle, .colour3 .BlogSummaryTitle {
background-color: #a90905;
color: #ffffff;
}

.colour1 a.BlogSummaryLink:link, .colour1 a.BlogSummaryLink:visited, .colour2 a.BlogSummaryLink:link, .colour2 a.BlogSummaryLink:visited, .colour3 a.BlogSummaryLink:link, .colour3 a.BlogSummaryLink:visited {
background-color: #a90905;
color: #ffffff;
}

.formbuilderform {
margin-top: 60px;
margin-bottom: 40px;
}

.formbuilderform input {
display: block;
width: 300px;
height: 40px;
}

.formbuilderform textarea {
display: block;
width: 300px;
height: 430px;
}

/* team */

.teamsummary {
margin: 30px 0px 10px 0px;
background-color: #ffffff;
}

h2.item-title {
margin-bottom: 5px;
color: #da0600;
font-size: 150%;
}

.teamfloat {
text-align: center;
}

.teamfloat img { 
object-fit: contain;
}

.inner_teamsummary {

}

.teamsummary_left {
display: none;
}

.teamsummary_left a {
display: inline-block;
margin-right: 10px;
}

.inner_teamsummary p {
font-size: 90%;
}

.short-profile-photo {
float: left;
margin-right: 20px;
width: 100px !important;
height: auto;
}

.teamsummary_center {

}

.teamsummary_center a:link, .teamsummary_center a:visited {
display: inline-block;
border: 1px solid #da0600;
padding: 5px;
text-align: center;
text-decoration: none;
color: #000000;
font-size: 110%;
width: 90px;
margin-top: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #cdcdcd;
}

.teamsummary_center a:hover {
background-color: #da0600;
color: #ffffff;
}

.teamsummary_right {
display: none;
}

.profile-photo {
float: left;
margin-right: 20px;
margin-bottom: 20px;
width: 100px;
}

/* end team */

.margin-top {
margin-top: 150px;
}

.pagequote {
font-style: italic;
}

.quote_left {
position: absolute;
top: 40px;
left: 0px;
font-size: 300%;
}

.quote_right {
position: absolute;
top: 40px;
right: 20px;
font-size: 300%;
text-align: right;
}

/* side profile */

.relative {
position: relative;
}

#meettheteamright {
height: 656px;
}

#meettheteamright a {
display: block;
}

.side_profile_link {
float: left;
    width: 129px;
    box-sizing: border-box;
    padding: 0px 5px 10px 5px;
    border-right: 16px solid #ffffff;
    border-bottom: 10px solid #ffffff;
    background-color: #cdcdcd;
    color: #000000;
    font-size: 80%;
}

.side_profile_link_photo {
max-width: 100%;
height: auto;
}