#sp-menu > div > div.menu-with-offcanvas.d-flex.justify-content-between.align-items-center.flex-auto > nav > ul > li.sp-menu-item.sp-has-child.active,
#sp-menu > div > div.menu-with-offcanvas.d-flex.justify-content-between.align-items-center.flex-auto > nav > ul > li.sp-menu-item.sp-has-child.active > div > div > ul > li.sp-menu-item.current-item.active,
#sp-menu > div > div.menu-with-offcanvas.d-flex.justify-content-between.align-items-center.flex-auto > nav > ul > li.sp-menu-item.current-item.active,
#sp-menu > div > div.menu-with-offcanvas.d-flex.justify-content-between.align-items-center.flex-auto > nav > ul > li.sp-menu-item:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover {
  background-color: #f68a3d;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item,
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    text-align: center !important;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 0px;
}

#sp-main-body {
    padding: 40px 0;
}

#sp-component > div > div.article-details > div.article-header > h1 {
  font-size: 40px;
  font-weight: 500;
  line-height: 64px;
  letter-spacing: 5px;
  text-align: center;
  text-transform: uppercase;
}

.offcanvas-menu {
    background-color: #393939;
    color: #ffffff;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span,
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler,
.offcanvas-menu .offcanvas-inner ul.menu>li li a {
    color: #ffffff;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
    color: #f68a3d;
}

.homeaction {
    font-size: 72px;
    font-weight: 500;
    line-height: 94px;
    letter-spacing: 5px;
	margin-top: 250px;
    margin-bottom: 200px;
    text-align: center;
    text-transform: uppercase;
}

h1 {
    font-size: 72px;
    font-weight: 500;
    line-height: 94px;
    letter-spacing: 5px;
    text-align: center;
    text-transform: uppercase;
}

h4, .h4 {
    font-size: 36px;
    font-weight: 500;
    line-height: 58px;
    letter-spacing: 7px;
    margin-bottom: 0;
    text-transform: uppercase;
}

h5 {
    font-size: 26px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 2px;
    margin-bottom: 14px;
    text-transform: uppercase;
}

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-color: #FE6B0C;
    border-spacing: 0;
    table-layout: fixed;
}

table p, table h4 {
    margin-left: 10px;
    margin-right: 10px;
}

table td {
    padding: 0 0 10px 0;
}

a {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	color: #f68a3d;
}

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

h4, .h4 {
    font-size: 36px;
    font-weight: 500;
    line-height: 58px;
    letter-spacing: 7px;
    margin-bottom: 0;
    text-transform: uppercase;
}

ul,
ol {
  padding: 0;
  margin: 0 0 10px 25px;
}

.expertise td {
	padding: 5px;
}

.article-list .article .readmore a {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 4px;
    padding: 11px 15px 12px;
    text-transform: uppercase;
    background: #f68a3d;
    color: #ffffff;
    text-shadow: none;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    outline: none !important;
}

.article-list .article .readmore a:hover, 
.article-list .article .readmore a:active, 
.article-list .article .readmore a:focus, 
.article-list .article .readmore a.active, 
.article-list .article .readmore a.selected {
    color: #ffffff;
    background: #58585b;
}

.article-list .article {
    border: 3px solid #f68a3d;
    padding: 0 17px 34px 17px;
    border-radius: 0px;
}

.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
    font-size: 26px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 4px;
    margin-bottom: 14px;
    color: #f68a3d;
	text-transform: uppercase;
    text-decoration: none;
}

.createdby, .published {
	font-weight: 500;
}

#sp-component > div > div.blog > div.article-list > div.article-body > div.article-header > h2 > a{
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
    font-weight: 500;
    color: #f68a3d;
    text-decoration: none;
}
	
.col-lg-4 > .article {
	height:520px;
}

.pagination>li>a, .pagination>li>span {
    color: #fff;
}

.page-link {
    background-color: #f68a3d;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.pagination>li>a:hover, .pagination>li>a:focus, .pagination>li>span:hover, .pagination>li>span:focus {
    color: #fff;
}

.page-link:hover {
    background-color: #000;
    border-color: #000;
}

.pagination {
	margin: auto !important;
}

.page-link {
    padding: 8px 16px;
	margin: 0 5px;
	font-size: 20px;
	font-weight: 500;
}

.grayscale img:hover {
-webkit-filter: brightness(0%);
filter: brightness(0%);
opacity: 0.9;
}

.burger-icon > span {background-color: white !important;}

.iframe-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.iframe-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#sp-bottom {
	padding:0px;
}

#sp-bottom .sp-module {
    margin-bottom: 0px;
}

#sp-bottom .container {
	max-width: 1920px;
	padding:0px;
}

.itemid-628 {
     text-align: center;
}

.hometable {
    display: grid;
	grid-auto-columns: 1fr;
    grid-auto-flow: column;
	grid-template-rows: minmax(480px, auto);
    grid-gap: 0px;
	color: #f68a3d;
    font-size: 35px;
    font-weight: 500;
}

.foursquare {
	display: flex;
    justify-content: center;
	align-items: center;
	text-align: center;
	padding: 50px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.foursquare:hover {
	border: 3px solid #f68a3d;
	transition: all 0.2s linear;
}

#sp-bottom a:hover, #sp-bottom a:active, #sp-bottom a:focus {
    color: #ffffff;
}

.industry {
	background-image: url("/images/services/front page box - marketvision in the news.png");
}

.data {
	background-image: url("/images/services/front page box - data protection and privacy.png");


}
.research {
	background-image: url("/images/services/front page box - research.png");

}

.mroc {
	background-image: url("/images/services/front page box - product testing.jpg");

}

.answergrid3 {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(auto, 350px));
  grid-template-rows: repeat(auto-fit, minmax(auto, auto));
  grid-gap: 50px;
  font-color: #252525;
  place-content: center;
}
.answergrid3 h2 {
    font-size: 26px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 1px;
    margin-bottom: 14px;
	margin-top: 10px;
    color: #f68a3d;
    text-transform: uppercase;
    text-decoration: none;
}

.values {
    border: 3px solid #f68a3d;
    padding: 0 17px 34px 17px;
    border-radius: 0px;
}
.valuesimg {
    margin: -20px -20px 20px -20px;
    overflow: hidden;
}

@media (max-width: 767px) {

.sp-module-content {
	padding-left: 20px;
	padding-right: 20px;
}

.logo-image {
	display: none;
}

.pagination {
	margin: auto !important;
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
}

.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
    letter-spacing: 0px;
	    line-height: 15px;
}

#sp-component > div > div.article-details > div.article-header > h1,
.homeaction,
h1 {
    font-size: 42px;
    line-height: 46px;
	letter-spacing: 0px;
}

h4 {
    font-size: 20px;
    line-height: 24px;
	letter-spacing: 0px;
}

    /* Table Test Stuff */
  
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    /* border-bottom: 3px solid #ddd; */
    display: block;
  }
  
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    /* text-align: right; */
  }
  
  /* End table Stuff */
}

@media (max-width: 1320px) {
	
.hometable {
	grid-template-columns: repeat(auto-fit, minmax(100%, auto));
    grid-template-rows: repeat(4, minmax(auto, auto));
	grid-auto-flow: row;
    font-size: 30px;
    font-weight: 500;
}
}