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

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


header {
position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 999999;
	background-color: #ffffff;
}

#outer_header {
	
}

#inner_header {
	width: 1180px;
	display: table;
	margin: 0px auto;
	height: 150px;
	position: relative;
}

#logo {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 200px;
}

#phone {
	position: absolute;
    top: 10px;
    right: 0px;
    font-size: 130%;
}

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

#search {
    position: absolute;
    top: 50px;
    right: 0px;
    border: 1px solid #ffffff;
	overflow: hidden;
	height: 36px;
}

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

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

#search_actual {
	width: 0px;
	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 {
	margin-top: 150px;
}

#inner_slider {
	width: 1180px;
	height: 464px;
	margin: 0px auto;
	position: relative;
}

.video {
height: 665px;
}

.video iframe {
width: 1180px;
height: 665px;
}

#prev {
    display: block;
    background-color: #000000;
    color: #ffffff;
    position: absolute;
    top: 190px;
    left: 0px;
    box-sizing: border-box;
padding: 15px 20px;
    width: 50px;
    height: 55px;
    z-index: 999;
    font-size: 130%;
	cursor: pointer;
}

#next {
    display: block;
    background-color: #000000;
    color: #ffffff;
    position: absolute;
    top: 190px;
    right: 0px;
    box-sizing: border-box;
padding: 15px 20px;
    width: 50px;
    height: 55px;
    z-index: 999;
    font-size: 130%;
	cursor: pointer;
}

.cycle-slideshow div.actualslide {
	width: 1180px;
	height: 464px;
}

.standardheader {
	width: 1180px;
	height: 464px;
	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("https://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: 1180px;
	margin: 0px auto;
	position: relative;
}

.left_column {
	width: 50%;
	position: absolute;
	top: 0px;
	left: 0px;
	box-sizing: border-box;
}

.right_column {
	width: 50%;
	position: absolute;
	top: 0px;
	right: 0px;
	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: 1180px;
	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 0px;
	
}

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

#footer_left {
	float: left;
	width: 500px;
	margin-right: 100px;
}

#footer_right {
	float: left;
}

h1 {
	font-size: 290%;
	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: 140%;
	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: 140%;
	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: 50px;
	width: 180px;
	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: 0px 0px;
	position: absolute;
	bottom: 80px;
	left: 195px;
	z-index: 20;
}

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

a img {
border: 0px;
}

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

.gray, .contacttext {
    background: #da0600;
 }

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

}

.white {
    background: #ffffff;
}

.red {
	background: #cdcdcd;
}

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

.basetext {
	font-size: 110%;
}

.whitetext {
	color: #ffffff;
}

.padded {
	padding: 40px 60px 0px 60px;
}

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

.paddedless {
	padding: 40px;
}

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

.position_holder {
position: relative;
}

.lowmargin {
margin-bottom: 40px;
}

.halfheight {
	height: 270px;
}

.standard {
	height: 540px;
}

.long {
	height: 600px;
}

.maxlong {
	height: 750px;
}

.maxmaxlong {
	height: 1260px;
}

.short {
	height: 200px;
}

.teamlength {
	height: 1140px;
}

.overflow {
	overflow: hidden;
}

.image {
	
}

.image img {
	position: absolute;
	top: 0px;
    left: 0px;
	z-index: 10;
	width: 100%;
	height: auto;
}

#storyprev {
    display: block;
    background-color: #000000;
    color: #ffffff;
    position: absolute;
    top: 220px;
    left: 0px;
    box-sizing: border-box;
    padding: 20px;
    width: 50px;
    height: 55px;
    z-index: 999;
    font-size: 130%;
	cursor: pointer;
}

#storynext {
    display: block;
    background-color: #000000;
    color: #ffffff;
    position: absolute;
    top: 220px;
    right: 0px;
    box-sizing: border-box;
    padding: 20px;
    width: 50px;
    height: 55px;
    z-index: 999;
    font-size: 130%;
	cursor: pointer;
}

.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-left: 20px;
margin-top: 60px;
width: 275px;
    height: 300px;

}

.BlogSummary {
width: 33.3%;
float: left;
}

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

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

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

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

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

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

.testycontent {
padding: 0px 0px 30px 0px !important;
font-size: 120% !important;
line-height: 125% !important;
font-weight: 300;
}

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

a.BlogSummaryLink:link, a.BlogSummaryLink:visited {
display: block;
width: 250px;
height: 40px;
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;
position: absolute;
bottom: 20px;
left: 65px;
}

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

.colour1 {
background-color: #cdcdcd;
}

.colour1 .BlogSummaryTitle {
background-color: #9d9999;
}

.colour1 a.BlogSummaryLink:link, .colour1 a.BlogSummaryLink:visited {
border-color: #000000;
background-color: #8d8c8c;
color: #ffffff;
}

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

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

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

.colour3 {
background-color: #126fb7;
color: #ffffff;
}

.colour3 .BlogSummaryTitle {
background-color: #095996;
color: #ffffff;
}

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

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

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

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

/* team */

.teamsummary {
padding: 30px 50px;
margin: 30px 15px 10px 15px;
background-color: #ffffff;
height: 280px;
}

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

.teamfloat {
float: left;
width: 33.33%;
text-align: center;
}

.teamfloat img { 
object-fit: contain;
}

.inner_teamsummary {
height: 235px;
}

.teamsummary_left {
text-align: left;
padding-top: 10px;
}

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

.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: 130%;
width: 150px;
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 {
text-align: right;
}

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

/* end team */

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

.pagequote {
font-style: italic;
}

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

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

/* side profile */

.relative {
position: relative;
}

#meettheteamright {
height: 656px;
background-color: #9d9999;
}

#meettheteamright a {
display: block;
}

.side_profile_link {
float: left;
width: 33.33%;
box-sizing: border-box;
padding: 0px 0px 10px 0px;
border-right: 2px solid #9d9999;
border-bottom: 2px solid #9d9999;
color: #ffffff;
font-size: 80%;
text-align: center;
}

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