/* cmsms stylesheet: 1 - RESET modified: 03/01/19 09:24:15 */
/* RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;box-sizing: border-box}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}a {text-decoration:none; color:inherit;}::placeholder{color:inherit;}input:focus, textarea:focus {outline: none;}
/* cmsms stylesheet: 2 - BASE modified: 04/17/19 11:21:20 */
/* BASE */

/* COLOURS */
 /* CUSTOM BRAND COLOUR 1:*/
 /* CUSTOM BRAND COLOUR 2:  */
 /* CUSTOM BRAND COLOUR 3: */

/* HTML */

html, body{
max-width:100vw;
overflow-x:hidden;
}

html{
font-family:'Roboto', sans-serif;
-ms-overflow-style:scrollbar;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
-webkit-tap-highlight-color:transparent;
-webkit-font-smoothing:antialiased;
width:100%;
}

body{
color:#5f5f5f;
min-height:100vh;
position:relative;
}

/* ELEMENTS */
img{
display:block;
max-width:100%;
height:auto;
}

/* TYPE */
h1{
font-weight:700;
font-size:40px;
line-height:1.3;
margin:0 0 20px 0;
color:#373737;
font-family: 'Playfair Display', serif;
}

h2{
font-weight:900;
font-size:34px;
line-height:1.3;
margin:0 0 20px 0;
color:#373737;
font-family: 'Playfair Display', serif;
}

h3{
font-weight:600;
font-size:22px;
line-height:1.3;
margin:0 0 20px 0;
color:#6C6C6C;
}

p{
font-size:18px;
line-height:1.3;
margin:0 0 20px 0;
}

p:last-child{
margin:0;
}

ul{
list-style-type:disc;
margin:0 0 20px 0px;
}

li{
font-size:18px;
line-height:1.3;
}

li li{
margin-left:20px;
}

strong{
font-weight:600;
}

em{
font-style:italic;
}

a{
color:#da0001;
}

a:hover{
color:#5f5f5f;
}

.cite{
text-align:right;
}

/* CLASSES */
/* SECTION */
.section{
padding:20px 0;
}

/* PADDING */
.vpad{
padding-top:10px;
padding-bottom:10px;
}

.hpad{
padding-left:10px;
padding-right:10px;
}

.flex{
display:flex;
}

.flex-wrap{
flex-wrap:wrap;
}

.flex-row, .flex-column{
flex-direction:column;
}

.container{
position:relative;
}

.boxed{
max-width:1200px;
margin:0 auto;
}

.row{
position:relative;
}

.row:after{
content:'';
display:block;
clear:both;
}

.left{
float:left;
}

.right{
float:right;
}

.column{
width:100%;
}

.column-spacer{
display:none;
}

.bg-white{
background-color:#FFFFFF;
}

.bg-lgrey{
background-color:#F4F4F4;
}

.youtube-video{
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}

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

/* HEADER */
header{
width:100%;
background:#FFFFFF;
position:absolute;
top:0;
z-index:999999;
}

#inside header{
border-bottom:2px solid #3C75D4;
}

header > .flex{
justify-content: space-between;
flex-wrap:wrap;
}

#header-left{
height:80px;
width:240px;
}

#logo{
height:100%;
width:100%;
padding:10px 20px;
}

#logo a{
display:block;
width:100%;
height:100%;
text-indent:-9999px;
/* background-image:url(); LOGO HERE */
background-size:contain;
background-repeat:no-repeat;
background-position:center;
background-image:url(/uploads/SpectrumNEWLOGO2.jpg);
}

#header-right-mobile{
width:80px;
display:flex;
flex-direction:column;
justify-content:center;
}

/* MOBILE MENU ICON */

#openmenu-button {
display:flex;
justify-content:flex-end;
flex-direction:row;
width:100%;
padding:10px;
}

#openmenu-button svg {
width: 60px;
height: 60px;
display: block;
cursor: pointer;
}

.line-top, .line-mid, .line-bottom{
fill:#373737;
transform: rotate(0) translateX(0) translateY(0);
}

.mobile-nav-open .line-mid{
display:none;
}

.mobile-nav-open .line-top{
transform-origin:center;
transform: rotate(45deg) translateX(0px) translateY(9px);
}

.mobile-nav-open .line-bottom{
transform-origin:center;
transform: rotate(-45deg) translateX(-1px) translateY(-12px);
}

#mobile-navigation-close svg{
width: 34px;
height: 40px;
padding: 0px;
cursor: pointer;
margin:0 auto;
}

#header-right{
display:none;
}

.mobile-nav-open #header-right{
width:100%;
display:block;
background-color:#F4F4F4;
}

#menu{
padding:10px 20px;
}

#menu ul{
list-style-type:none;
margin:0;
}

#menu li{
position:relative;
margin:0;
}

#menu li a{
display:block;
padding:10px 0;
border-bottom:1px solid #6C6C6C;
font-size:22px;
color:#373737;

}

#menu li:last-child a{
border-bottom:none;
}

#menu li a:hover{
color:#da0001;
}

.submenu-arrow{
display:flex;
flex-direction:column;
justify-content:center;
position:absolute;
width:68px;
height:48px;
background:#F4F4F4;
right:0;
top:0;
z-index:1;
}

.submenu-arrow:before{
content:'';
display:block;
width: 0; 
height: 0; 
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-top: 10px solid #373737;
margin: 24px auto;
}

.parent ul{
display:none;
list-style-type:none;
}

.submenu-arrow:hover, .submenu-active{
background:#3C75D4;
}

.submenu-active.submenu-arrow:before{
content:'';
transform:rotate(180deg);
}

.submenu-active + ul{
display:block;
background:#3C75D4;
}

#menu .submenu-active + ul li a{
padding:20px;
color:#FFFFFF;
}

#menu .submenu-active + ul a:hover{
color:#5f5f5f;
background:#FFFFFF;
}

#sections{
padding-top:80px;
}

#inside #sections{
padding-top:82px;
}

/* SLIDESHOW */
#slideshow{
padding:0;
background:#373737;
}

/*.slideshow-active .swiper-slide > div{
min-height:calc(75vh - 80px);
}

.fullscreen.slideshow-active .swiper-slide > div{
min-height:calc(100vh - 80px);
}*/

.slide-content{
background-size:cover;
background-position:center;
background-repeat:no-repeat;
display:flex;
justify-content:center;
flex-direction:column;

width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.slide-content .bg-white{
background:#FFFFFF;
box-shadow:2px 2px 4px #6C6C6C;
}

.slide-content a{
text-transform:uppercase;
font-weight:600;
}

/* INTRODUCTION */
#introduction{
background-color:#1f1f1f;
color:#FFFFFF;
}
#introduction-title h1{
margin-bottom:0;
color:#FFFFFF;
}

#introduction a:hover{
color:#FFFFFF;
}

/* CARDS */
#cards-content{
flex-wrap:wrap;
}

#cards-title h2{
text-align:center;
margin-bottom:0;
}

.card-wrap{
height:100%;
justify-content:space-between;
background:#FFFFFF;
box-shadow:2px 2px 4px #6C6C6C;
}

.card-image{
margin-bottom:20px;
}

.card-wrap a{
text-transform:uppercase;
font-weight:600;
}

footer{
background:#6C6C6C;
color:#FFFFFF;
position:absolute;
bottom:0;
width:100%;

}

footer p, footer li{font-size:12px; line-height:160%;}

footer a{color:#ccc;}

footer ul{
list-style-type:none;
margin-bottom:0;
}

footer a:hover{
color:#FFFFFF;
}

/* INSIDE */



#content-title > *{
margin-bottom:0;
}

#content-menu ul{
list-style-type:none;
margin-bottom:0;
}

#content li{
margin-left:40px
}

#content #content-menu li{
margin-left:0px
}

#content #content-menu li li{
margin-left:20px
}

/* HOME CLIENTS */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
    margin:0 auto;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.service-gallery{
margin:-10px;
}

.service-gallery .img{
padding:10px;
}

label{
display:block;
margin-bottom:20px;
}

input, textarea{
-webkit-appearance: none;
-moz-appearance: none;
width: 100%;
display: block;
padding: 10px;
box-sizing: border-box;
border-radius: 0;
border: none;
border: 2px solid #6C6C6C;
margin-bottom:20px;
resize:vertical;
background: transparent;
font-family:inherit;
font-size:18px;
}

select{
-webkit-appearance: none;
-moz-appearance: none;
width: 100%;
display: block;
padding: 10px;
box-sizing: border-box;
border-radius: 0;
border: none;
border: 2px solid #6C6C6C;
margin-bottom:20px;
resize:vertical;
position:relative;
z-index:2;
background: transparent;
font-family:inherit;
font-size:18px;
}

.submit input{
background: #6C6C6C;
color:#FFFFFF
}

/* TESTIMONIALS */

#testimonials{
text-align:center;
display:none;
}

.case-study-wrap{
padding:20px;
background:#F4F4F4;
}

p:first-child + div{
margin-top:-30px!important;
}