@charset "UTF-8";
/* CSS Document */


@font-face {
    font-family: 'GorditaRegular';
    src: url('/core/fonts/gordita-regular-webfont.woff2') format('woff2'),
         url('/core/fonts/gordita-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GorditaRegularItalic';
    src: url('/core/fonts/gordita-regularitalic-webfont.woff2') format('woff2'),
         url('/core/fonts/gordita-regularitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GorditaLight';
    src: url('/core/fonts/gordita-light-webfont.woff2') format('woff2'),
         url('/core/fonts/gordita-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GorditaThin';
    src: url('/core/fonts/gordita-thin-webfont.woff2') format('woff2'),
         url('/core/fonts/gordita-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GorditaMedium';
    src: url('/core/fonts/gordita-medium-webfont.woff2') format('woff2'),
         url('/core/fonts/gordita-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GorditaMediumItalic';
    src: url('/core/fonts/gordita-mediumitalic-webfont.woff2') format('woff2'),
         url('/core/fonts/gordita-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GorditaBold';
    src: url('/core/fonts/gordita-bold-webfont.woff2') format('woff2'),
         url('/core/fonts/gordita-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GorditaBlack';
    src: url('/core/fonts/gordita-black-webfont.woff2') format('woff2'),
         url('/core/fonts/gordita-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body,html{margin:0px;padding:0px;-webkit-font-smoothing:antialiased;font-family: "GorditaRegular", sans-serif;font-weight:400;font-size:16px;color:#000;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;}
h1,h2,h3,h4{padding:0;margin:0;font-weight:normal;-webkit-margin-before:0px;-webkit-margin-after:0px;-webkit-margin-start:0px;-webkit-margin-end:0px;font-size:inherit;font-weight: inherit;}
ul{margin-left:0;padding-left:0;margin:0;padding:0;padding-bottom:12px;margin-top:-10px;}.clearfloat{clear:both;}p {padding:0;margin:0;}a:link,a:active,a:visited{color:#E3001C;text-decoration:none;border-style:none;-webkit-transition: color 200ms linear;
    -ms-transition: color 200ms linear;
    transition: color 200ms linear;}figure{padding:0;margin:0;}a:hover{color:#000;text-decoration:none;border-style:none;-webkit-transition: color 200ms linear;
    -ms-transition: color 200ms linear;
    transition: color 200ms linear;}img{border-style:none}img a:visited{border-style:none}img a:active{border-style:none}img a:link{border-style:none}img a:hover{border-style:none}button:focus, input:focus {outline:0;}ul li ul {margin-top:0px;}.showonmobile {display:none;}.hideinmobile{display:block;}.hideonipad{}.showonipad{display:none;}.fct-noscroll {overflow: hidden;}.ac {margin-left:auto;margin-right:auto;}
input {color:#000;}img{display:block}.fct-showonmobile{display:none;}

ul li {
    margin-left:32px;
    padding-left:10px;
    content: '•';
    list-style-type:disc !important;
}
.fct-btnholder {
    width:100%;margin-top:70px;
    text-align: center;
}
.fct-btn, .fct-btngray, .fct-btnred {
    color:#E3001C;
    font-size:15px;
    line-height: 15px;
    font-family: "GorditaMedium", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding:21px 30px 22px 30px;
    text-align: center;
    display: inline-block;
    border-radius: 29px;
    background-color:#fff;
    -webkit-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    cursor: pointer;
}
.fct-btn:hover, .fct-btngray:hover, .fct-btnred:hover {
    color:#fff;
    background-color:#000;
    -webkit-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;cursor: pointer;
}
.fct-btnred {
    background-color:#E3001C;
    color:#fff;
}
.fct-btngray {
    background-color:#f1f1f1;
}
.fct-btngray:hover, .fct-btnred:hover {
    background-color:#000;cursor: pointer;
}



/*
---------------- Nav Icon Styling
*/

.fct-header {
    position: absolute;
    z-index:25;
    width:100%;
    height:143px;
    background-color:rgba(47, 64, 64, 0);
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
} 

.fct-headerfixed {
    position:fixed;
    /*border-bottom:1px solid #e1e1e1;*/
    background-color:rgba(231, 231, 231, 1);
    height:144px;
    margin-top:-80px;
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}
.fct-header:hover {
   
}
.fct-headerfixedhide {
    /*border-bottom:1px solid #e1e1e1;*/
    margin-top:-145px;
     -webkit-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.fct-headerfixedshow {
    /*border-bottom:1px solid #e1e1e1;*/
    margin-top:-80px;
     -webkit-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.fct-headernofill {
    
    background-color:transparent;
}
.fct-headerblank {
    position: absolute;
    background-color:#f2f2f2;
    height:140px;
    width:100%;
    z-index: -1;
}

.fct-menuicon {
    width:72px;
    height:72px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:40px;
}
.fct-menuclosebtn {
    
}

.fct-menulogoholder {
    width:246px;
    height:144px;
    margin-left:6%;
    position: absolute;
}
.fct-menulogoback {
    background-color:#E3001C;
    position: absolute;
    width:246px;
    height:144px;
    z-index: 1;
}
.fct-menulogo {
    width:200px;
    height:22px;
    background-image:url(/images/general/facet-studios-logo-white.svg);
    background-repeat: no-repeat;
    background-size:200px 22px;
    position: absolute;
    z-index: 2;
    margin-left:23px;
    margin-top:101px;
}


.fct-menuitem {
    font-size:20px;
    color:#000;
    text-align: center;
    width:auto;
    font-weight:bold;
    line-height:20px;
    margin-bottom: 4px;
}
.fct-menuitem:hover {
    color:#fff;
     -webkit-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear;
}
.fct-navfixed {
    display:none;
}


.fct-mnavlink {
    font-size:36px;
    line-height: 36px;
    font-family:GorditaMedium, sans-serif;
    color:#fff;
    text-align: center;
    margin-bottom:30px;
    width:100%;cursor: pointer;
}
.fct-mnavlink:hover {
    color:#E3001C;cursor: pointer;
}
.fct-mnavdd {
    width:100%;
    padding-top:26px;
    padding-bottom:16px;
    margin-bottom:26px;
    background-color:#fff;
}
 
.fct-mmenuitem {
    font-family:GorditaRegular, sans-serif;
    font-size:20px;
    line-height:20px;
    margin-bottom:22px;
    text-align: center;
    color:#000;cursor: pointer;
}
    .fct-mmenuitem:hover {
        color:#E3001C;cursor: pointer;
    }
.fct-mmenudd {
    background-color:#2d1e2f;
    position: fixed;
    overflow: visible;
    overflow-y: auto;
    width: 100%;
    height: 150%;
}
.fct-mmenuddinner {
    overflow-y: auto;
    padding-top:108px;
    min-height:600px;
}
.fct-mmenuddicon {
    margin-left:auto;
    margin-right:auto;
    width:170px;
    height:40px;
    margin-top:80px;
    margin-bottom:38px;
}

.fct-mmenu {
    display:none;
}
.fct-mmenulogo {
    margin-left:6%;
    position: absolute;
    margin-top:-82px;
    width:246px;
    height:144px;
    background-image:url(/images/general/facet-studios-logo-mobile.svg);
    background-repeat: no-repeat;
    background-size:246px 144px;
}
/*
.fct-header-light .fct-mmenulogo {
    background-image:url(/images/general/simbe-logo-dark.svg);
}
.fct-headerfixed .fct-mmenulogo, .fct-header:hover .fct-mmenulogo{
    
    background-image:url(/images/general/simbe-logo.svg);
}


.fct-header-light .fct-menulogo {
    background-image:url(/images/general/simbe-logo-dark.svg);
}
.fct-header-light:hover .fct-menulogo, .fct-headerfixed .fct-menulogo {
    
    background-image:url(/images/general/simbe-logo.svg);
}*/
.fct-navright {
    padding-top:94px;
    position: absolute;
    right:6%;
    text-align: right;
}
.fct-headerfixed .fct-navright {
    padding-top:88px;
}
.fct-navright .fct-navlink {
    text-align: right;
}
.fct-navcenter {
    padding-top:27px;
    width:100%;
    text-align: center;
}
.fct-headerfixed .fct-navcenter {
 
}
.fct-navlinkh {
    /*display:inline-block;*/
    float:right;
}

.fct-navlink {
    display:inline-block;
    color:#000;
    font-family:"GorditaRegular", sans-serif;
    font-size:16px;
    margin-left:28px;
    line-height: 16px; 
    padding-bottom:30px;
    padding-top:13px;
}
.fct-contactbtn {
    /*display:inline-block;*/
    float:right;
    padding: 5px 20px 0px 20px;
    height: 21px;
    color:#000;
    font-family: GorditaMedium, sans-serif;
    text-align: center;
    border-radius: 16px;
    margin-left:28px;
    border:3px solid #000;
    font-size:16px;
    line-height: 16px;
    cursor: pointer;
    margin-top:6px;
    -webkit-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.fct-contactbtn:hover {
    border:3px solid #E3001C;
    color:#E3001C;
    
    -webkit-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.fct-header-light .fct-navlink {
    color:#2f4040;
}
.fct-header-light:hover .fct-navlink, .fct-header-light .fct-headerfixed .fct-navlink {
    color:#fff;
}

.fct-navlinkhome {
    color:#eee;
}

.fct-navdd {
    position: absolute;
    width:100%;
    background-color:#fff;
    margin-top:50px;
    padding-top:25px;
    padding-left:500%;
    margin-left:-500%;
    padding-right:500%;
    padding-bottom:20px;
}
.fct-navdd-gray {
    background-color:rgba(231, 231, 231, 1);
}
.fct-navdditem {
    font-family:"GorditaMedium", sans-serif;
    text-align: left;
    font-size:16px;
    line-height: 16px;
    padding-bottom:16px;
    letter-spacing: 0px;
    margin-left:28px;
    color:#000;
}
.fct-navlink:hover,.fct-navdditem:hover, .fct-header-light:hover .fct-navlink:hover {
    color:#E3001C;
    -webkit-transition: color 200ms linear;
    -ms-transition: color 200ms linear;
    transition: color 200ms linear;
}
.fct-navlinkhome:hover {
    color:#fff;
}

.fct-naviconholder {
    position: absolute;
    right:6%;
    margin-top:30px;
}

.fct-navicon {
  width: 20px;
  height: 20px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition:  transform .5s ease-in-out;
  -moz-transition: transform .5s ease-in-out;
  -o-transition: transform .5s ease-in-out;
  transition: transform .5s ease-in-out;
  cursor: pointer;
}

.fct-navicon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #000;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: transform .25s ease-in-out;
  -moz-transition: transform .25s ease-in-out;
  -o-transition: transform .25s ease-in-out;
  transition: transform .25s ease-in-out;
}

.fct-naviconhome span {
    background:#fff;
}
/* Icon 4 */

.fct-navicon {
}

.fct-navicon span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

.fct-navicon span:nth-child(2) {
  top: 10px;
    display:none;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

.fct-navicon span:nth-child(3) {
  top: 10px;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

.fct-navicon.open {
  width: 22px;
  height: 22px;
    margin-top:5px;
}
    
.fct-navicon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 5px;
  left: 0px;
background: #fff;
}

.fct-navicon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
background: #6fcacf;
}

.fct-navicon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 5px;
  left: 0px;
    background: #fff;
}

/*------- Footer -----------*/

.fct-footer {
    padding-top:56px;
    padding-bottom:56px;
    height:144px;
    background-color:#f1f1f1;
}
.fct-footerinner {
    width:88%;
    margin-left:auto;
    margin-right:auto;
}
.fct-footerleft, .fct-footerright, .fct-footerprivacy {
    font-size:16px;
    line-height: 16px;
    text-align: left;
    color:#000;
    font-family: GorditaRegular, sans-serif;
    position: absolute;
    margin-top:60px;
}
.fct-footerleft a, .fct-footerright a, .fct-footerprivacy a {
    color:#000;
    -webkit-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.fct-footerleft a:hover, .fct-footerright a:hover, .fct-footerprivacy a:hover {
    color:#E3001C;
    -webkit-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.fct-footerright {
    text-align: right;
    right:0;
    margin-right:6%;
}
.fct-footermiddle {
    width:144px;
    height:144px;
    margin-left: auto;
    margin-right: auto;
}
.fct-footerprivacy a {
    color:#888;
}
.fct-footerprivacy {
    position: relative;
    text-align: center;
    font-size:14px;
    padding-top:20px;
    margin-top:0;
}


.fct-sbcforminputholder {
    border-bottom:1px solid #E3001C;
    width:367px;
    height:38px;
    position: relative;
}

.fct-sbcforminput {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0;
    outline: none;
    width:348px;
    font-size:19px;
    line-height: 22px;
    font-family:"WalsheimLight", sans-serif;
    color:#fff;
    position: relative;
}

::-webkit-input-placeholder {
     color:#E3001C;
}
::-moz-placeholder {
    color:#E3001C;
    opacity: 1;
}

:-ms-input-placeholder { 
     color:#E3001C;
}

::-ms-input-placeholder { 
     color:#E3001C;
}


/*------- General -----------*/

.fct-main {
    width:100%;
}

/*------- Contact Form -----------*/
.fct-formholder {
    position: relative;
}
.fct-forminputholder, .fct-formselect {
    width:100%;
    /*border-bottom:1px solid #dbdbde;*/
    height:34px;
    margin-bottom:46px;
}
.fct-forminput {
    border:none;
    width:100%;
    padding:0;
    padding-bottom:6px;
     font-family:WalsheimLight, sans-serif;
    font-size:22px;
    height:30px;
    line-height: 28px;
    padding-top:4;
    color:#fff;
}
.select-dropdown {
    font-family:WalsheimLight, sans-serif;
    font-size:22px;
    line-height: 28px;
}
input:-webkit-autofill {
    background-color:transparent !important;
}
.fct-formselect select {
   font-family:WalsheimLight, sans-serif;
   font-size: 22px;
    font-weight: 300;
    border: 0;
   color: #E3001C;
   background: transparent;
   padding:0;
   width:100%;
   -webkit-appearance: none;
}
.fct-formpickers {
    
}
.fct-formfile {
    padding-bottom:40px;
}
.fct-formfiletitle {
    color:#666;
    font-weight: 300;
    font-family:WalsheimLight, sans-serif;
   font-size: 18px;
    padding-top:10px;
}
.fct-formfilebtn {
    position: relative;
    display: inline-block;
    text-align: center;
    border:1px solid #E3001C;
    cursor:pointer;
    color:#E3001C;
    text-transform: uppercase;
    font-family:WalsheimLight, sans-serif;
    font-weight: 600;
    font-size:16px;
    line-height: 18px;
    letter-spacing: 1px;
    height:31px;
    border-radius: 22px;
    padding-top:13px;
    padding-left:20px;
    padding-right:20px;
}
.fct-formfilebtn:hover {
    background-color:#E3001C;
    color:#fff;
    -webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}
.checkbox-custom {
    opacity: 0;
    position: absolute; 
}
.checkbox-custom-label {

}

.fct-formrequired {
    position: absolute;
    right:0;
    color:#8c8c8c;
    margin-top:30px;
}
.fct-formsubmitholder {
    padding-top:18px;
}
.fct-formsubmit {
    height:34px;
    padding-top:20px;
    text-align: center;
    padding-left:40px;
    padding-right:40px;
    
    display:inline-block;
    border-radius: 27px;
    background-color:#E3001C;
    cursor:pointer;
    font-size:15px;
    letter-spacing: 1px;
    line-height: 15px;
    color:#fff;
    text-transform: uppercase;
    font-family:"WalsheimMedium", sans-serif;
}
.fct-formsubmit:hover {
    background-color:#000;
    
    -webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

.fct-contactholder {
    position: fixed;
    overflow-y: scroll;
    z-index: 30;
    width:100%;
    height:100%;
    overflow-x: hidden;
    margin-left:100%;
    -webkit-transition: all 600ms linear;
    -ms-transition: all 600ms linear;
    transition: all 600ms linear;
}
.fct-contactholder.open {
    margin-left:0;
    -webkit-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}
.fct-contactoverlay {
    border-left:1px solid #666;
    border-bottom:1px solid #666;
    width:522px;
    position: absolute;
    padding:50px;
    background-color:#2d1e2f;
    right:0;
    transform: translate(100%, 0);
    -webkit-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    display: block;
}
.open .fct-contactoverlay {
    transform: translate(0, 0);
    -webkit-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    display: block;
}

.fct-contacticonholder {
    position: absolute;
    right:6%;
    margin-top:0px;
}

.fct-contacticon {
  width: 20px;
  height: 20px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition:  transform .5s ease-in-out;
  -moz-transition: transform .5s ease-in-out;
  -o-transition: transform .5s ease-in-out;
  transition: transform .5s ease-in-out;
  cursor: pointer;
}

.fct-contacticon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #fff;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: transform .25s ease-in-out;
  -moz-transition: transform .25s ease-in-out;
  -o-transition: transform .25s ease-in-out;
  transition: transform .25s ease-in-out;
}

.fct-contacticon span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

.fct-contacticon span:nth-child(2) {
  top: 10px;
    display:none;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

.fct-contacticon span:nth-child(3) {
  top: 10px;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

.fct-contacticon.open {
  width: 22px;
  height: 22px;
    margin-top:5px;
}
    
.fct-contacticon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 5px;
  left: 0px;
background: #fff;
}

.fct-contacticon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.fct-contacticon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 5px;
  left: 0px;
    background: #fff;
}



.fct-contacttop {
    padding-top:60px;
}
.fct-contacttopbox {
    padding-top:44px;
    padding-bottom:40px;
}
.fct-contactitem {
    font-size:26px;
    font-family: GorditaMedium, sans-serif;
    line-height: 38px;
    color:#eb2024;
}
.fct-contactitem a {
    color:#eb2024;
}
.fct-contactitem a:hover {
    color:#fff;
}
.fct-contactphone {
    background-image:url(/images/general/icon-phone.svg);
    width:26px;
    height:26px;
    float:left;
    margin-top:5px;
    margin-right:18px;
    margin-left:4px;
}
.fct-contactemail {
    background-image:url(/images/general/icon-email.svg);
    width:36px;
    height:26px;
    float:left;
    margin-top:4px;
    margin-right:22px;
}
.fct-formholder {
    
}

.fct-contactbox {
    
}
.fct-contactboxtitle {
    width:96%;
    margin-left:auto;
    margin-right:auto;
    color:#fff;
    font-family: GorditaMedium, sans-serif;
    font-size:42px;
    line-height: 58px;
    text-align: center;
    padding-bottom:20px;
}
.fct-contactboxbtn {
    background-image:url(/images/general/down-gray-arrow.svg);
    background-repeat: no-repeat;
    background-size:38px 68px;
    width:100%;
    padding-top:100px;
    text-align: center;
    background-position: center top;
}


/* ----------------- HOME CONTENT ------------------------ */
.fct-home-top, .fct-main-top {
    width:100%;
    min-height:740px;
    background-color:#f1f1f1;
}
.fct-home-top-box {
    width:616px;
    margin-left:auto;
    margin-right:auto;
    padding-top:322px;
    padding-bottom:218px;
}

.fct-home-top-subtitle h3, .fct-home-white-subtitle h3, .fct-subtitle h3 {
    padding:0;margin:0;
    font-size:16px;
    font-family: GorditaBold, sans-serif;
    font-weight: normal;
    line-height: 22px;
    padding-bottom:6px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color:#000;
    text-align: left;
}
.fct-home-top-title h2, .fct-home-white-title h2, .fct-title h2,
.fct-home-top-title h1, .fct-home-white-title h1, .fct-title h1{
    padding:0;margin:0;
    color:#000;
    font-size:42px;
    font-weight: normal;
    font-family: GorditaMedium, sans-serif;
    line-height: 52px;
    padding-bottom:18px;
    text-align: left;
    
}

.fct-generalstopper, .fct-generalstopper-white {
    width:28px;
    color:#000;
    height:1px;
    border-bottom: 5px solid #000;
}
.fct-home-portfolioholder {
    width:100%;
    padding-bottom:80px;
}
.fct-home-portfolioinner {
    width:88%;
    margin-left:auto;
    margin-right:auto;
}
.fct-home-portfolio {
    position: relative;
}

.fct-home-portitemhalf {
    width:50%;
    float:left;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.fct-home-portitemhalf .fct-home-portitemoverlay, .fct-home-portitemsquare .fct-home-portitemoverlay {
    opacity:0;
    background-color:rgba(0,0,0,.1);
    font-size:12px;
    text-align: center;
    padding-top:22%;
    position: absolute;
    color:#fff;
    line-height: 32px;
    font-family: GorditaBold, sans-serif;
    width:100%;
    min-height:400px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    cursor:pointer;
}

.fct-home-portitemhalf:hover .fct-home-portitemoverlay, .fct-home-portitemsquare:hover .fct-home-portitemoverlay {
    opacity:1;cursor: pointer;
    padding-top:22%;
    font-size:18px;
    background-color:rgba(0,0,0,.6);
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.fct-home-portitemsquare:hover .fct-home-portitemoverlay, .fct-home-portitemsquare .fct-home-portitemoverlay {
    padding-top:44%;
    cursor: pointer;
}
.fct-home-porthalfimg {
    width:100%;
    background-color:#878787;
    background-size:cover;cursor: pointer;
}
.fct-home-porthalfimg img {
    opacity:0;
}
.fct-home-portitemsquare {
    width:23.6%;
    float:left;
    margin-bottom:2%;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.fct-home-portsquareimg {
    width:100%;
    float:right;
    background-color:#878787;
    background-size:cover;cursor: pointer;
}
.fct-home-portsquareimg img {
    opacity:0;
}
#prtitem-2, #prtitem-3, #prtitem-6 {
    float:right;
}
#prtitem-4 .fct-home-portsquareimg, #prtitem-5 .fct-home-portsquareimg {
    float:left;
}
#prtitem-5, #prtitem-4 {
    
    margin-top:2%;
}
#prtitem-5, #prtitem-2 {
    margin-left:1.5%;
}


.fct-home-who-we-are, .fct-contactbox {
    background-color:#e3001c;
    padding-bottom:140px;
    padding-top:140px;
}
.fct-home-who-we-areinner, .fct-home-what-we-doinner {
    width:780px;
    margin-left:auto;
    margin-right:auto;
}
.fct-home-white-subtitle, .fct-home-white-subtitle h2, .fct-home-white-subtitle h3 {
    color:#fff;
}
.fct-home-white-title, .fct-home-white-title h1, .fct-home-white-title h2 {
    color:#fff;
}
.fct-generalstopper-white {
    border-bottom: 5px solid #fff;
}
.fct-home-white-text, .fct-home-text {
    font-size:18px;
    font-family: GorditaRegular, sans-serif;
    line-height: 32px;
    color:#fff;
    margin-top:22px;
}
.fct-home-what-we-do {
    padding-top:140px;
    padding-bottom:80px;
}
.fct-subtitle {
    
}
.fct-title {
    
}
.fct-generalstopper {
    
}
.fct-home-text {
    color:#333;
}
.fct-home-wwd-diagram {
    
}

.fct-home-wwd-text1, .fct-home-wwd-text2, .fct-home-wwd-text3 {
    width:262px;
    position: absolute;
    font-size:16px; line-height: 28px;
    color:#000;
    text-align: left;
    font-family: GorditaRegular, sans-serif;    
    margin-top: 70px;
    margin-left: 580px;
}
.fct-home-wwd-text2 {
   margin-left: -60px;
    margin-top: 308px;
    text-align: right;
    
}
.fct-home-wwd-text3 {
        margin-top: 540px;
    margin-left: 550px;
}
.fct-home-wwd-holder {
    width:350px;
    margin-left:auto;
    margin-right:auto;
}
.fct-home-wwd-box1,.fct-home-wwd-box2,.fct-home-wwd-box3 {
    display:none;
}



/* ----------------- PORTFOLIO ------------------------ */
.fct-main-top {
    background-color: #fff;
    min-height: auto;
}
.fct-main-top-box {
    padding-top:255px;
    padding-bottom:60px;
    width:88%;
    margin-left:auto;
    margin-right:auto;
}

.fct-portmain {
    
}
.fct-portmain-item {
    max-height: 280px;
    width:100%;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom:30px;
    background-color:#878787;
    overflow: hidden;
    position: relative;
}
.fct-portmain-item:after {
      content: "";
      display: block;
      padding-bottom: 100%;
    }
.fct-portmain-itemoverlay {
    opacity:0;
    background-color:rgba(0,0,0,.1);
    text-align: center;
    position: absolute;
    width:100%;
    min-height:400px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.fct-portmain-itemsubtitle {
    padding-top:110px;
    font-size:10px;
    font-family: GorditaBold, sans-serif;
    line-height: 22px;
    padding-bottom:6px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color:#fff;
    
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.fct-portmain-itemtitle {
    
    font-size:18px;
    color:#fff;
    line-height: 32px;
    font-family: GorditaMedium, sans-serif;
}
.fct-portmain-itemoverlay:hover {
    opacity:1;
    cursor: pointer;
    background-color:rgba(0,0,0,.7);
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.fct-portmain-itemoverlay:hover .fct-portmain-itemtitle {
    font-size:22px;cursor: pointer;
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    transition-delay: 300ms;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.fct-portmain-itemoverlay:hover .fct-portmain-itemsubtitle {
    font-size:14px;cursor: pointer;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.fct-main-top-text, .fct-advice-text {
    margin-top:20px;
    color:#000;
    font-family: GorditaRegular, sans-serif;
    text-align: left;
    width:70%;
    font-size:17px;
    line-height: 30px;
max-width:800px;
    
}
.fct-main-top-text p, .fct-advice-text p {
    padding-bottom:18px;
}
.fct-main-top-text h2, .fct-advice-text h2 {
    padding-top:12px;
    padding-bottom:0px;
    font-family: GorditaLight, sans-serif;
    font-size:28px;
    line-height: 38px;
    color:#ba2026;
}
.fct-main-top-text h3, .fct-advice-text h3 {
    margin:0;padding:0;
    padding-top:12px;
    padding-bottom:10px;
    font-family: GorditaBold, sans-serif;
    font-size:14px;
    letter-spacing: 2px;
    line-height: 22px;
    color:#000;
    text-transform: uppercase;
}
.fct-main-top-text p {
    padding-bottom:16px;
}
.fct-portdetail-item {
    padding-bottom:20px;
    width:88%;
    margin-left:auto;
    margin-right:auto;
}
.fct-portdetail-item img {display:block;}

.fct-portdetail-itemtext {
    width:70%;
    font-size:16px;
    line-height: 28px;
    padding-top:12px;
    font-family: GorditaRegularItalic, sans-serif;
}
.fct-portdetail-itemtextholder {
    width:88%;
    margin-left:auto;
    margin-right:auto;
}


.fct-advice-top-box {
    width:60%;
    margin-left:auto;
    margin-right:auto;
    padding-top:255px;
    padding-bottom:60px;
}
.fct-advice-text {
    width:100%;
}

.fct-profile {
    width:88%;
    margin-left:auto;
    margin-right:auto;
    position: relative;
    padding-bottom:160px;
    margin-top:70px;
}
.fct-profile-portrait {
    width:400px;
    position: absolute;
    right:0;
    margin-right:60px;
    background-color:#eee;
    min-height: 400px;
}
.fct-main-top-text.profile {
    width:45%;
}
.fct-port-services {
    font-size:15px;
    font-family: GorditaRegularItalic, sans-serif;
    color:#666;
}
.fct-port-services b {
    font-size:14px;
    color:#000;
    font-family: GorditaBold, sans-serif;
    letter-spacing: 1px;
    
}
.fct-port-wide {
    padding-top: 10px;
    padding-bottom: 40px;
    width: 88%;
    margin-top: -10px;
}

/* ----------------- WHAT WE DO ------------------------ */
.fct-clientsholder {
    width:100%;
    margin-top:60px;
}
.fct-client {
    width:24%;
    display:inline-block;
} 
.cimg-3-1 {
    margin-right:6.5%;
}
.cimg-3-2 {
    margin-left:6.5%;
    margin-right:6.5%;
}
.cimg-3-3 {
    margin-left:6.5%;
}
.cimg-2-1 {
    margin-left:17%;
}
.cimg-2-2 {
    margin-left:17%;
}


.fct-what-we-do {
    background-color:#f1f1f1;
    padding-top:70px;
    padding-bottom:70px;
    width:88%;
    padding-left:6%;
    padding-right:6%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:70px;
}

.fct-wwd-holder {
    margin-top:30px;
    margin-bottom:60px;
}
.fct-wwd-box {
        width:31%;
        padding:0;
        height:640px;
        float:left;
        position: relative;
    }
    .fct-wwd1 {
        background-color:#b0aeae;
        margin-right:3%;
    }
    .fct-wwd2 {
        background-color:#2d1e2f;
        color:#fff;
        margin-right:3%;
    }
    .fct-wwd3 {
        background-color:#E3001C;
        color:#fff;
    }
    .fct-wwd-box1, .fct-wwd-box2, .fct-wwd-box3 {
        position: absolute;
        background-image:url(/images/general/wwd-box1.svg);
        background-size:cover;
        width:100%;
        height:700px;
        margin-left:0px;
        margin-top:0px;
    }

    .fct-wwd-box2 {
        background-image:url(/images/general/wwd-box2.svg);
    }
    .fct-wwd-box3 {
        background-image:url(/images/general/wwd-box3.svg);
    }
    .fct-wwd-box-overlay {
        position: absolute;
        width:88%;
        padding:6%;
    }
.fct-wwd-box-relative {
    position: relative;
    height:660px;
}
.fct-wwd-box-type {
    width:100%;
    height:72px;
    position: relative;
}
.fct-wwd-box-type img {
    
    width:144px;
}
.fct-wwd-box-subtitle {
    
    font-family: GorditaBold, sans-serif;
    font-size:14px;
    letter-spacing: 2px;
    line-height: 20px;
    text-transform: uppercase;
    position: absolute;
    bottom:0;
    margin-left:142px;
}
.fct-wwd2 .fct-wwd-box-subtitle {
    margin-left:156px;
}
.fct-wwd-box-details {
    margin-top:28px;
    font-family: GorditaMedium, sans-serif;
    font-size:16px;
    line-height: 32px;
}
.fct-wwd-box-text {
    position: absolute;
    bottom:0;
    font-family: GorditaRegular, sans-serif;
    font-size:16px;
    line-height: 28px;
    padding-bottom:10px;
    
}


.fct-graybox {
        width:88%;
    margin-left:auto;
    margin-right:auto;
        background-color:#f1f1f1;
        min-height:200px;
        position:relative;
        margin-bottom:30px;
    }
    .fct-grayboxhover {
        background-color:#eee;
    }
    .fct-numberbox1, .fct-numberbox2, .fct-numberbox3 {
        width:60px;
        height:100%;
        position:absolute;
        background-color:#aaa;
    }
    .fct-numberbox2 {
        background-color:#777;
    }
    .fct-numberbox3 {
        background-color:#333;
    }
    .fct-numberstep {
        color:#fff;
        width:100%;
        text-align:center;
        font-size:13px;
        font-family: GorditaBold, Arial, Helvetica, sans-serif;
        letter-spacing:1px;
        position:absolute;
        padding-top:12px;
    }
    .fct-number {
        color:#fff;
        font-family: GorditaRegular, Arial, Helvetica, sans-serif;
        height:64%;
        position:absolute;
        bottom:0;
        width:100%;
        font-size:56px;
        text-align:center;
    }
    .fct-content {
        width:90%;
        margin-left:60px;
        text-align:center;
        padding-bottom:16px;
    }
    .fct-contenttitle {
        padding-top:20px;
        color:#000;
        font-size:32px;
        text-align:center;
        font-family: GorditaMedium, Arial, Helvetica, sans-serif;
        line-height:32px;
    }
    .fct-graybtn {
        width:auto;
        height:auto;
        border:none;
        display:inline-block;
        padding:16px 50px 16px 50px;
        font-family: GorditaRegular, Arial, Helvetica, sans-serif;
        color:#fff;
        font-size:22px;
        text-align:center;
        background-color:#ababab;
        cursor:hand;cursor:pointer;
    }
    .fct-graybtn:hover, .fct-darkgraybtn:hover {
        background-color:#666;
    }
    .fct-darkgraybtn {
        width:auto;
        height:auto;
        border:none;
        display:inline-block;
        padding:10px 30px 10px 30px;
        font-family: GorditaRegular, Arial, Helvetica, sans-serif;
        color:#fff;
        font-size:18px;
        text-align:center;
        background-color:#ababab;
        cursor:hand;cursor:pointer;
        margin-right:20px;
    }
  
    .fct-filename {
        font-size:14px;
        line-height:22px;
        color:#666;
        font-family: GorditaRegular, Arial, Helvetica, sans-serif;
        width:100%;
        padding-bottom:4px;
        text-align:left;
    }
    #filenames {
        padding:16px;
    }
    .fct-settings {
         width:90%;
        margin-left:auto;
        margin-right:auto;
    }
    .fct-settingsinputholder {
        width:772px;
        background-color:#fff;
        margin-bottom:20px;
       
        width:100%;
        margin-left:auto;
        margin-right:auto;
    }
    .fct-settingsinput {    
        border:none;
        width:100%;
        padding:12px 12px 12px 12px;
        font-size:22px;
        color:#333;
        background-color:#fff;
        font-family: GorditaRegular, Arial, Helvetica, sans-serif;
        text-align:left;
        border-bottom:none !important;
        
    }
    .fct-switch {
        font-family: GorditaRegular, Arial, Helvetica, sans-serif;
        font-size:14px;
        width:240px;
        display:inline-block;
        margin-right:10px;height:46px;
        cursor:pointer;
        margin-bottom:10px;
    }
    .fct-switchon {
        background-color:#E3001C;
        font-family: GorditaMedium, Arial, Helvetica, sans-serif;
        padding:10px;
        text-align:left;
        color:#fff;
        height:26px;
        cursor:pointer;
    }
    .fct-switchon:hover {
        background-color:#a51c24;
        cursor:pointer;
    }
    
    .fct-switchoff {
        background-color:#ddd;
        padding:10px;
        text-align:left;
        color:#333;height:26px;
        cursor:pointer;
    }
    .fct-switchoff:hover {
        background-color:#aaa;
    }
    .fct-checkboxon, .fct-checkboxoff {
        background-image:url(/images/general/checkbox.png);
        background-size:27px 53px;
        width:27px;height:27px;
        background-position:0 0;
        float:left;
        margin-right:8px;
        cursor:pointer;
    }
    
    .fct-checkboxoff {
        background-position:0 -26px;
        cursor:pointer;
    }
    .fct-checktext {
        margin-top:3px;
        float:left;
        cursor:pointer;
    }
    .fct-canvasoverflow {
        position:relative;
        overflow:scroll;
         width:90%;
        margin-left:auto;
        margin-right:auto;
        height:300px;
        margin-top:16px;
        text-align:left;
        border:1px solid #ccc;
        margin-bottom:16px;
    }
    .fct-canvasholder {
        background-color:#fff;
    }
    .fct-canvasholdertransparent {
        background-image:url(/images/general/transparent.png);
        background-repeat:repeat;
    }
.fct-spritebtm {
    position: absolute;
    width:50%;
    margin-top:0;
    padding-bottom:30px;
}

.fct-alertcontainer {
    background-color:rgba(0,0,0,.65);
    width:100%;
    height:100%;
    position: fixed;
    z-index:50;
}
.fct-alertbox {
    text-align: center;
    padding:40px;
    background-color:#fff;
    width:400px;
    position: absolute;
    top:10%;
    left:50%;
    margin-left:-240px;
}
.fct-alerttext {
    font-size:18px;
    line-height: 24px;
    color:#2f4040;
    font-family:GorditaRegular, sans-serif;
    font-weight: normal;
    padding-bottom:20px;
}

@media screen and (max-width: 1320px) {
    
    
    .fct-wwd-box-type {
        height:62px;
    }
    .fct-wwd-box-type img {

        width:124px;
    }
    .fct-wwd-box-subtitle {

        font-size:12px;
        letter-spacing: 1px;
        line-height: 20px;
        margin-left:122px;
    }
    .fct-wwd2 .fct-wwd-box-subtitle {
        margin-left:134px;
    }
    .fct-wwd-box-details {
        margin-top:28px;
        font-family: GorditaMedium, sans-serif;
        font-size:14px;
        line-height: 28px;
    }
    .fct-wwd-box-text {
        position: absolute;
        bottom:0;
        font-family: GorditaRegular, sans-serif;
        font-size:16px;
        line-height: 28px;

    }
    
    
}


@media screen and (max-width: 1200px) {
    
}

@media screen and (max-width: 1024px) {
    .fct-header:hover {
    }
    .fct-header, .fct-headerblank, .fct-headerfixed, .fct-headerfixedshow,.fct-header:hover {
        height:62px;
        margin-top:0;
    }
    .fct-headerfixed {
    }
    
    .fct-naviconholder { 
        margin-top:25px;
    }
    .fct-headerfixed .fct-naviconholder {
        margin-top:25px;
    }
    
    .fct-main {
        
    }
    .fct-headerfixedhide {
        margin-top:-80px;
    }
    .fct-menuicon {
        width:48px;
        height:48px;
    }
    
   
    .fct-menuholder {
        display:none;
    }
    .fct-mmenu {
        display:block;
    }
   
    .fct-form {
        width:84%;
        padding:8%;
    }
   
    .fct-home-portitemhalf, .fct-home-portitemsquare {
        width:48%;
        float:left;
        position: relative;
        min-height:200px;
    }
    .fct-home-porthalfimg, .fct-home-portsquareimg {
        width:100%;
        height:100%;
        position: relative;
    }
    .fct-home-porthalfimg:after, .fct-home-portsquareimg:after {
      content: "";
      display: block;
      padding-bottom: 100%;
    }
    .fct-home-portitemhalf img, .fct-home-portitemsquare img {
        display:none;
    }
    .fct-home-portitemhalf .fct-home-portitemoverlay, .fct-home-portitemsquare .fct-home-portitemoverlay, .fct-home-portitemhalf:hover .fct-home-portitemoverlay, .fct-home-portitemsquare:hover .fct-home-portitemoverlay, .fct-home-portitemsquare:hover .fct-home-portitemoverlay {
        background-color:transparent;
        font-size:16px;
        text-align: left;
        padding-top:0;
        position: relative;
        color:#000;
        line-height: 22px;
        font-family: GorditaMedium, sans-serif;
        width:88%;
        padding:0;
        padding-top:10px;
        bottom:auto;
        min-height:auto;
        opacity: 1;
        z-index: 1;
        clear:both;
    }
     
    #prtitem-1, #prtitem-3, #prtitem-5 {
        padding:0;margin:0;
        margin-right:4%;
        float:left;
        margin-bottom:4%;
    }
    #prtitem-2, #prtitem-4, #prtitem-6 {
        padding:0;margin:0;
        float:left;
        margin-bottom:4%;
    }
    .fct-portmain-item:after {
        padding-bottom:60%;
    }
    .fct-portmain-itemoverlay, .fct-portmain-itemoverlay:hover {
        background-color:transparent;
        color:#000;
        position: relative;
        width:auto;
        padding:0;
        padding-bottom:2%;
        padding-top:0;
        bottom:auto;
        min-height:auto;
        opacity: 1;
        z-index: 1;
    }

    .fct-portmain-itemsubtitle, .fct-portmain-itemoverlay:hover .fct-portmain-itemsubtitle {
        padding-top:0;
        font-size:12px;
        text-align: left;
        line-height: 18px;color:#000;
    }
    .fct-portmain-itemtitle, .fct-portmain-itemoverlay:hover .fct-portmain-itemtitle {
        padding-top:0;
        font-size:18px;
        text-align: left;
        line-height: 22px;color:#000;
    }
    
    .fct-profile-portrait {
        margin:0;
        width:350px;
    }
    .fct-portdetail-item {
        width:100%;
    }
    .hideonipad {
        display:none;
    }
    .showonipad {
        display:block;
    }
}

@media screen and (max-width: 980px) {
    .fct-home-wwd-holder {
        display:none;
    }
    .fct-home-wwd-box1,.fct-home-wwd-box2,.fct-home-wwd-box3 {
        display:block;
        position: absolute;
        background-image:url(/images/general/home-box1.svg);
        width:140px;
        height:140px;
        background-size: 140px 140px;
        margin-left:-180px;
    }
    .fct-home-wwd-box2 {
        background-image:url(/images/general/home-box2.svg);
    }
    .fct-home-wwd-box3 {
        background-image:url(/images/general/home-box3.svg);
    }
    .fct-home-wwd-text1,.fct-home-wwd-text2,.fct-home-wwd-text3 {
        position: relative;
        font-size:18px;
        line-height: 32px;
        margin:0;padding:0;
        text-align: left;
        padding-left:180px;
        width:60%;
        margin-left:auto;
        margin-right:auto;
        min-height:220px;
        margin-bottom:20px;
        background-image:url(/images/general/down-long-arrow.svg);
        background-size:140px 60px;
        background-repeat: no-repeat;
        
        background-position: left bottom;
    }
    .fct-home-wwd-text3 {
        background-image:none;
    }
    .fct-home-wwd-diagram {
        margin-top:40px;
    }
    .fct-home-who-we-areinner, .fct-home-what-we-doinner {
        width:88%;
    }
    .fct-home-top, .fct-main-top {
        min-height:340px;
    }
    .fct-home-top-box {
        width:88%;
        padding-top:200px;
        padding-bottom:160px;
    }
    .fct-contactboxtitle {
        font-size:36px;
        line-height: 42px;
    }
    
    
    .fct-wwd-box {
        width:100%;
        height:auto;
        float:none;
        margin-bottom:30px;
        overflow: hidden;
    }
    .fct-wwd1, .fct-wwd2, .fct-wwd3 {
        margin-right:0;
    }
    
    .fct-wwd-box1, .fct-wwd-box2, .fct-wwd-box3 {
        position: absolute;
        background-image:url(/images/general/wwd-box1.svg);
        background-size:cover;
        width:100%;
        height:100%;
        margin-left:0px;
        margin-top:0px;
    }

    .fct-wwd-box2 {
        background-image:url(/images/general/wwd-box2.svg);
    }
    .fct-wwd-box3 {
        background-image:url(/images/general/wwd-box3.svg);
    }
    .fct-wwd-box-overlay {
        position: relative;
        width:88%;
        padding:6%;
    }
    .fct-wwd-box-relative {
        position: relative;
        height:auto;
    }
    .fct-wwd-box-type {
        width:100%;
        height:72px;
        position: relative;
    }
    .fct-wwd-box-type img {

        width:144px;
    }
    .fct-wwd-box-subtitle {

        font-family: GorditaBold, sans-serif;
        font-size:14px;
        letter-spacing: 2px;
        line-height: 20px;
        text-transform: uppercase;
        position: absolute;
        bottom:0;
        margin-left:142px;
    }
    .fct-wwd2 .fct-wwd-box-subtitle {
        margin-left:156px;
    }
    .fct-wwd-box-details {
        margin-top:28px;
        font-family: GorditaMedium, sans-serif;
        font-size:16px;
        line-height: 32px;
    }
    .fct-wwd-box-text {
        padding-top:20px;
        position: relative;
        bottom:auto;
        font-family: GorditaRegular, sans-serif;
        font-size:16px;
        line-height: 28px;

    }
    .fct-advice-top-box {
        width:80%;
    }
    
}
@media screen and (max-width: 768px) {
    .fct-header, .fct-header:hover, .fct-headerblank, .fct-headerfixed {
        /*height:52px;*/
    }
 
    .fct-headerfixed .fct-naviconholder {
        
    }
    
    .fct-headerfixedhide {
        margin-top:-80px;
    }
    
    .fct-home-top {
        min-height:340px;
    }
    .fct-home-top-box {
        width:88%;
        padding-top:200px;
        padding-bottom:160px;
    }

    .fct-home-top-subtitle h2, .fct-home-white-subtitle h2, .fct-subtitle  h2, .fct-home-top-subtitle h3, .fct-home-white-subtitle h3, .fct-subtitle  h3{
        font-size:14px;
        line-height: 18px;
        padding-bottom:6px;
        letter-spacing: 2px;
    }
    .fct-home-top-title h1, .fct-home-white-title h1, .fct-title h1, .fct-home-top-title h2, .fct-home-white-title h2, .fct-title h2 {
        font-size:28px;
        line-height: 36px;
        padding-bottom:12px;

    }
    .fct-home-top-title {
        width:100%;
    }
    .fct-generalstopper, .fct-generalstopper-white {
        width:20px;
        border-width: 4px;
    }
    
    .fct-footerleft, .fct-footerright {
        font-size:18px;
        line-height: 18px;
        position: relative;
        width:100%;
        margin-top:10px;
        text-align: center;
        padding-bottom:10px;
    }
    .fct-footer {
        height:auto;
    }
    .fct-footermiddle {
        padding-top:30px;
    }
    .fct-home-white-text, .fct-home-text {
        font-size:16px;
        line-height: 28px;
    }
    .fct-home-what-we-do, .fct-home-who-we-are, .fct-contactbox {
        padding-top:70px;padding-bottom:70px;
    }
    .fct-home-wwd-box1,.fct-home-wwd-box2,.fct-home-wwd-box3 {
        margin-left:-160px;
    }
    .fct-home-wwd-text1,.fct-home-wwd-text2,.fct-home-wwd-text3 {
        font-size:16px;
        line-height: 28px;
        width:auto;
        padding-left:160px;
    }
    .fct-contactoverlay {
        width:80%;
        padding:10%;
    }
    .fct-contactitem {
        font-size:18px;
        line-height: 28px;
    }
    .fct-contactphone {
        background-image:url(/images/general/icon-phone.svg);
        width:18px;
        height:18px;
        background-size:18px 18px;
    }
    .fct-contactemail {
        background-image:url(/images/general/icon-email.svg);
        width:25px;
        height:18px;
        background-size:25px 18px;
    }
    .fct-portmain-item:after {
        padding-bottom:30%;
    }
    .fct-portmain-item {
        margin-bottom:20px;
    }
    .fct-contactboxtitle {
        font-size:28px;
        line-height: 38px;
    }
    .fct-portmain-itemsubtitle, .fct-portmain-itemoverlay:hover .fct-portmain-itemsubtitle {
        display:none;
    }
    .fct-portmain-itemtitle, .fct-portmain-itemoverlay:hover .fct-portmain-itemtitle {
        font-size:16px;
    }
    .fct-main-top-text, .fct-main-top-text.profile {
        width:100%;
    }
    .fct-profile-portrait {
        width:80%;
        position: relative;
        right:auto;
        margin-right:auto;
        margin-left:auto;
        background-color:#eee;
        min-height: auto;
        overflow: hidden;
        margin-bottom:30px;
    }
    .fct-clientsholder {
        width:100%;
        margin-top:30px;
    }
    .fct-client {
        width:42%;
        float:left;
    } 
    .cimg-3-1, .cimg-3-2, .cimg-3-3, .cimg-2-1, .cimg-2-2 {
        margin:0;
    }
    .cmimg-left {
        float:left;
    }
    .cmimg-right {
        float:right;
    }
    .fct-contenttitle {
        padding-top:20px;
        color:#000;
        font-size:22px;
        text-align:center;
        font-family: GorditaMedium, Arial, Helvetica, sans-serif;
        line-height:32px;
    }
    .fct-content {
        width:80%;
    }
    .fct-spritebtm {
        font-size:16px;
        position: relative;
        width:100%;
    }
    .fct-advice-top-box {
        width:80%;
    }
    .fct-main-top-box {
        padding-top:155px;
    }
}
@media screen and (max-width: 767px) {
    
}
@media screen and (max-width: 640px) {
}
.whitetext, .whitetext h1, .whitetext h2, .whitetext h3 {
    color:#fff;
}