@import url('https://fonts.googleapis.com/css?family=Nunito:400,700|Roboto:400,700|Oxygen:700');

/* COLOURS */
/* red #fb1206 */
/* purple #c200fb */
/* d purple #b100e5 */
/* green #a6c400 */
/* blue #0267c1 */
/* yellow #ffe900 */

/* grey.d #959595 */
/* grey.m #cccccc */
/* grey.l #e7e7e7 */
/* grey.vl #f5f5f5 */

/* USEFUL NUMBERS LINE HEIGHT & MARGINS EM */

/*
0.20225
0.4045
0.60675
0.809
1.01125
1.2135
1.41575
1.618
1.82025
2.0225
*/


/***********************/
/**** MOBILE FIRST *****/
/***********************/


.titlesBlock h1, .titlesBlock h2, .titlesBlock h3, .titlesBlock h4, .titlesBlock h5, .titlesBlock h6 {padding:0px; margin:0px}
.leadBlock p {padding:0px; margin:0px;}

/* -- GLOBAL TEMPLATE STYLES -- */

body {background:#ffffff; color:#444444}


.block {padding:0px 0px; width:100%; border-bottom:1px solid #e7e7e7}
.narrowBlock {padding:30px 0px}
.wideBlock {padding:60px 0px}
.texturedBlock {
    background:url("/wiapps/img/i/src/noise.jpg");
    -webkit-box-shadow:inset 0px 0px 30px 0px rgba(0,0,0,0.1);
    -moz-box-shadow:inset 0px 0px 30px 0px rgba(0,0,0,0.1);
    box-shadow:inset 0px 0px 30px 0px rgba(0,0,0,0.1);
}

#breadBlock {padding:10px 0px; font-size:0.809em; color: #959595}
.titlesBlock {
    background:url("/wiapps/img/i/src/noise.jpg");
    -webkit-box-shadow:inset 0px 0px 30px 0px rgba(0,0,0,0.1);
    -moz-box-shadow:inset 0px 0px 30px 0px rgba(0,0,0,0.1);
    box-shadow:inset 0px 0px 30px 0px rgba(0,0,0,0.1)
}
#welcomeBlock h1 {margin-bottom:0.20225em; font-size:47px; color:#0267c1}
#breadBlock ul {margin:0px}
#breadBlock, .titlesBlock, .leadBlock, #contentWrap {/*border-bottom:1px solid #e7e7e7*/}
.block:last-child {border-bottom:none}
.leadBlock {background:#f5f5f5}
.bannerBlock {color:#ffffff}
/*.glyphicon-phone, #telNum {font-size:1.25em}*/
.btn-default, .btn-primary {background:#b100e5; color:#ffffff; /*width:100%*/}
.btn-default:hover, .btn-primary:hover {background:#a6c400; color:#ffffff}
.btn{margin:0px}
.btn {border:none}

/*.valignCenter {
    position: absolute;
    top:50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}*/





/* fixes */

#bodyHome{padding-top:0px}
#bodyHome nav{padding-top:0px;padding-bottom:0px}
.form-horizontal {margin-bottom:0px}
.dftModuleFreeImageSlider {margin-top:-1px}


/* fonts */

h1, h2, h3, h4, h5 {font-family: 'Oxygen', sans-serif;}
body {font-family: 'Nunito', sans-serif}
h1 {line-height:1.2135; margin-top:0em; margin-bottom:0.20225em; font-size:37px}
h2 {line-height:1.41575; margin-top:0em; margin-bottom:0.60675em; font-size:31px}
h3 {line-height:1.41575; margin-top:0em; margin-bottom:0.60675em; font-size:25px}
h4 {line-height:1.41575; margin-top:0em; margin-bottom:0.60675em; font-size:19px}
h5 {line-height:1.41575; margin-top:0em; margin-bottom:0.60675em; font-size:17px}
p.lead {line-height:1.618}
p {margin-bottom:1.01125em}


/* links */

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

/* buttons */

.btn {border-radius:1px}

/* body */

body{
    margin:0px;
    padding:0px;
    font-size:17px;
    line-height:1.618
}

/* -- HEADER -- */

#mainHeaderBlock {
    text-align: center!important;
    color:#ffffff;
    background:url("/wiapps/img/i/src/header-bg.jpg") no-repeat;
    background-size: cover;

}

#mainHeaderBlock p#strapLine {display:none}
#mainHeaderBlock {padding:30px 0px}
#mainHeaderBlock img#logo {margin:0px 0px 15px 0px}

#mainHeaderBlock span#telNum {
    font-weight: 700; border-bottom:15px
}

#mainHeaderBlock .glyphicon-phone,#mainHeaderBlock #telNum {font-size:1.25em}
#mainHeaderBlock a {text-decoration:none}

#extrasHeaderBlock {border:none; display:none}

/* -- NAVBAR -- */

/* if customising inverse*/

.navbar { background:#b100e5; padding:0px; margin:0px; border-color:#b100e5}
.navbar .navbar-nav>li>a {color:#ffffff}
.navbar-right { font-weight:700}
.navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #a6c400}
.navbar .dropdown-menu {padding-top:0px; border-top:none}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{background-color:#a6c400}
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{background-color:#a6c400}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{background-color:#a6c400}
.navbar-inverse .navbar-toggle{border-color:#e7e7e7}
.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#a6c400}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#ffffff}
.navbar-right ul li a {padding:14px}
#navbar.navbar-collapse {border-color:#a6c400}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a{background-color:#a6c400}
.navbar-brand {display:none}
.navbar {margin:0px; border-color:#c200fb}
.navbar {border:none}

/* if using out of box inverse

.navbar-brand {display:none}
.navbar {margin:0px}*/

/* if using out of box default

.navbar-brand {display:none}
.navbar {margin:0px; border-color:#DFE2E5}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{background-color:#707274}*/

/* -- CONTENT -- */

#contentWrap .col-md-4 ul:not(ul.moduleAutoMenu):not(ul.moduleFlexiMenu) {margin:0 0 1.82025em 20px!important}
#contentWrap .col-md-4 ul~ul {margin:1.82025em 20px!important}
#contentWrap .col-md-8 ul {margin:1.82025em 0 1.82025em 20px!important}
#contentWrap .col-md-8 ul.moduleFlexiMenu {margin-left: 0!important}
#contentWrap .col-md-8 ul~ul {margin:0 0 1.82025em 20px!important}
#contentWrap li {list-style-type: disc}

/*#contentWrap .col-md-8 img {margin:0 0 1.82025em 0}*/
#contentWrap .col-md-8 img {margin:0 0 1.82025em 0}
#contentWrap .col-md-8 img~img {margin:1.82025em 0}
#contentWrap .col-md-4 img {margin:0 auto 1.82025em auto}
#contentWrap .col-md-4 img~img {margin:1.82025em auto}

#contentWrap .moduleBlogResult img {margin:0}
#contentWrap table {margin:1.82025em 0}
/*#contentWrap #FormCmsDisplayForm {margin:1.82025em 0}*/
#contentWrap .btn {margin:0 0 0.809em 0}
#contentWrap .btn~.btn {margin:0.4045em 0 0 0}

#contentWrap .block:last-child {border-bottom:none}
/*#contentWrap .btn:after {font-family: 'Glyphicons Halflings'; content: "\e080"; margin-left:5px; font-size:11px}*/

/* bannerBlock */

.bannerBlock .col {padding:0}
.bannerBlock h1 {background:#b100e5; padding:20px 45px; font-weight:700; margin:0; border-bottom:1px solid #ffffff; font-size:31px; width:33.33%}

/* -- FOOTER -- */

#footerWrap h1, #footerWrap h2, #footerWrap h3, #footerWrap h4 {
    margin-top: 0
}

#subFooterBlockStandard {
    /*padding:30px 0px;*/
    background: #f8f8f8; /* Old browsers */
    background: -moz-linear-gradient(left, #f8f8f8 0%, #f8f8f8 50%, #f8f8f8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f8f8f8 0%, #f8f8f8 50%, #f8f8f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f8f8f8 0%, #f8f8f8 50%, #f8f8f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f8f8f8', GradientType=1); /* IE6-9 */
    font-size: 0.875em
}

#subFooterBlockOne {
    /*font-size: 0.875em;
    padding:30px 0px;*/
    background: #f8f8f8; /* Old browsers */
    background: -moz-linear-gradient(left, #f8f8f8 0%, #f8f8f8 50%, #f8f8f8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f8f8f8 0%, #f8f8f8 50%, #f8f8f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f8f8f8 0%, #f8f8f8 50%, #f8f8f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f8f8f8', GradientType=1); /* IE6-9 */
}

#subFooterBlockTwo {
    background: #ffffff;
}

#subFooterBlockTwo h3{
    text-align: center;
}

#footerWrap p {
    margin:0px; padding: 0px
}

/* makes way for mobile bottom share buttons 49px + 30px */
#subFooterBlockStandard {
    /*padding: 30px 0px 79px 0px*/
}

#subFooterBlockOne {
    /*padding: 30px 0px 0px 0px*/
}

/* -- MODULES -- */

/* addThis */
/*.addthis_inline_follow_toolbox {height:57px}*/
.addthis_inline_follow_toolbox p {display:none}
.addthis_toolbox a {
    float:none!important
}
.addthis_toolbox{margin-top:15px}
.addthis_toolbox a {
    margin:0px!important;
    margin-left:1px!important;
    height:32px!important;
}


/* flexiMenus */

ul.moduleFlexiMenu {margin-bottom:30px;padding-left:0}
.moduleFlexiMenu li{position:relative;display:block; margin-bottom:-1px;background-color:none;border:1px solid #cccccc}
.moduleFlexiMenu li:first-child{border-top-right-radius:4px;border-top-left-radius:4px}
.moduleFlexiMenu li:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}
.moduleFlexiMenu li a {display:block; padding:10px 15px}
.moduleFlexiMenu li a:hover {background:#b100e5; color:#ffffff; text-decoration:none}
.moduleFlexiMenu li.active {background:#eeeeee}
.moduleFlexiMenu li.active a {color:#444444}
.moduleFlexiMenu li.active a:hover {color:#ffffff}

/* autoMenus */

ul.moduleAutoMenu {margin-bottom:30px;padding-left:0}
.moduleAutoMenu li{position:relative;display:block; margin-bottom:-1px;background-color:none;border:1px solid #cccccc}
.moduleAutoMenu li:first-child{border-top-right-radius:4px;border-top-left-radius:4px}
.moduleAutoMenu li:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}
.moduleAutoMenu li a {display:block; padding:10px 15px}
.moduleAutoMenu li a:hover {background:#b100e5; color:#ffffff; text-decoration:none}
.moduleAutoMenu li.active {background:#eeeeee}
.moduleAutoMenu li.active a {color:#444444}
.moduleAutoMenu li.active a:hover {color:#ffffff}

.moduleAutoMenu ul.nestedData li{border:none}
.moduleAutoMenu ul.nestedData li:not(:last-child) {border-bottom:1px solid #eeeeee}
.moduleAutoMenu ul.nestedData {background:#ffffff}

/* responsive video embed*/

.video {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden}
.video iframe,.videoWrap object,.videoWrap embed {position:absolute; top:0; left:0; width:100%; height:100%}
.video {margin:0 0 1.82025em 0}
.video~.video {margin:1.82025em 0}

/* Google map */

.gMap h2, .gMap p {color:#404040; padding:0px; margin:0px}
.gMap h2{font-size:18px}

/* responsive manual Google map embed */

.gMapWrap {
    position: relative;
    padding-bottom: 100%; // This is the aspect ratio
height: 0;
    overflow: hidden;
}
.gMapWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

#contentWrap .col-md-8 .gMapWrap {margin:0 0 1.82025em 0}

/* featureBlock */

.moduleFeatureBlock {margin-top:0px; padding-top:0px}
.moduleFeatureBlock h2 {margin-top:-12px}
.moduleFeatureBlock ~ .moduleFeatureBlock {border-top:1px solid #dfe2e5; margin-top:30px; padding-top:30px}
.moduleFeatureBlock img {width:100%; height:auto; margin:0px!important;}

/* blog results */

.blogPost {background:rgba(255,255,255,0.8); border-bottom:6px solid #dfe2e5; border-top:6px solid #dfe2e5; padding:30px; margin:0px}
.blogPost p.time {font-size:0.75em; border-bottom:1px solid #dfe2e5; border-top:1px solid #dfe2e5; padding:2px 0px}

/* content list */

.contentListItem {padding:30px 0px}
.contentListItem~.contentListItem{border-top:1px solid #dfe2e5}
.contentListItem .btn {margin-top:30px!important;}

/* fancybox */

.wiappsFancybox {margin:0 0}

/* moduleDocumentGroupLibrary */

.moduleDocumentGroupLibrary {text-align:center}
.moduleDocumentGroupLibrary img {margin:0 15px}



/* -- DFT MODULES -- */

/* dftModuleFreeImageSlider */

.dftModuleFreeImageSlider .btn:after {font-family: 'Glyphicons Halflings'; content: "\e080"; margin-left:5px; font-size:14px}
.dftModuleFreeImageSlider ul li {list-style-type:none!important;}
.dftModuleFreeImageSlider {position:relative}
.dftModuleFreeImageSlider ul.sy-pager {position:absolute; bottom:0px; z-index:1000}
.dftModuleFreeImageSlider img {margin:1.82025em auto}

/* dftModuleBlockrow */

.dftModuleBlockrow a {background:#b100e5; text-align: center; color:#ffffff; display:block; padding:0px 0px 7px 0px}
.dftModuleBlockrow a:hover {background:#a6c400; text-decoration:none}
.dftModuleBlockrow .col img {margin-bottom:15px}



/***********************/
/**** MEDIA QUERIES ****/
/***********************/

@media (min-width: 768px) {

    /* -- GLOBAL TEMPLATE STYLES -- */

    .valignTop {
        position: absolute;
        top:0%;
    }

    .valignCenter {
        position: absolute;
        top:50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)}

    .narrowBlock {padding:45px 0px}

    /* HEADER */

    #mainHeaderBlock .cn_1 .r_1 .cl_1 {text-align:left}
    #mainHeaderBlock .cn_1 .r_1 .cl_2 {text-align:right}
    #mainHeaderBlock .cn_1 .r_1 {height:163px} /* CUSTOMISE to height of logo */
    #mainHeaderBlock img#logo {margin:0px}
    #mainHeaderBlock .cn_1 .row {position:relative}
    #mainHeaderBlock .cn_1 .r_1 .cl_2 {right:0}

    #mainHeaderBlock h3#strapLine {display:block; margin:0px; padding:0px}
    #mainHeaderBlock {padding:30px 0px} /* CUSTOMISE determines header height */

    #extrasHeaderBlock {display:block}


    /* NAVBAR */

    .navbar {font-size:11px}
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#404040}
    .dropdown-menu>.active>a{color:#ffffff!important}

    /* CONTENT */

    /* bannerBlock */

    .bannerBlock h1 {display:inline-block; border:2px solid #ffffff; font-size:37px}
    .bannerBlock .row {position:relative}
    /*.bannerBlock {width:100%; overflow:hidden}*/

    /* FOOTER */

    #footerWrap .cn_1 .r_1 .cl_2 {text-align:right}

    /* -- MODULES -- */

    /* addThis */

    .addthis_inline_follow_toolbox {margin:0px; height:0px}
    .addthis_toolbox{margin-top:0px}
    .addthis_default_style {
        float:right;
        height:32px
    }




}


.dftModuleFreeImageSlider h2 {font-weight:700}



}

@media (min-width: 992px) {

    /* NAVBAR */

    .navbar {
        font-size: 14px
    }

}

@media (min-width: 1200px) {

    /*HTML */

    html {position:relative; min-height: 100%}

    /*BODY */

    body{
        margin-bottom:837px /* 438 CUSTOMISE set as desktop footer height */
    }

    /* NAVBAR */

    .navbar {font-size:inherit}

    /* CONTENT */

    /* bannerBlock */

    .bannerBlock img {width:100%; height:auto}

    /* FOOTER */

    #footerWrap {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%; /*background:url(http://www.3dpi.co.uk/footer-bg.png) repeat-y; background-size:100%*/
    }

    #footerWrap .col {
        /*padding: 30px 15px*/
    }

    /* removes mobile share buttons gap at bottom of page */
    #subFooterBlockStandard {
        /*padding: 0px*/
    }

    /* -- DFT MODULES -- */

    /* dftModuleFreeImageSlider */

    .dftModuleFreeImageSlider .row  {position:absolute; height:500px}
    .dftModuleFreeImageSlider .row .col-md-6 {
        top:50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .dftModuleFreeImageSlider .text-content {
        position:static!important;
        padding:30px;
        background:rgba(0,0,0,0.75);
        text-shadow: 0px 0px 10px #222222}

    .dftModuleFreeImageSlider img {margin:0px}

}

/*****************************/
/**** CUSTOM MOBILE FIRST ****/
/*****************************/

h1, h2, h3 {font-weight:normal}
#breadBlock {display:none}
p.lead {padding:30px 0px; color:#b100e5; border-top:6px solid #dfe2e5; border-bottom:6px solid #dfe2e5; margin-bottom:30px}


.sy-pager li {width:10px; height:10px}
.sy-pager li.sy-active a {
    background-color: #b100e5!important
}


.block.branchBlock img {margin:0; width:32.32% }
.block.branchBlock img {margin-bottom:5px}




body#bodyHome .titlesBlock {display:none}


#footerWrap {
    /*color: #ffffff*/
}

#footerWrap a {
    /*color: #ffffff*/
}

#mainHeaderBlock {
    /*border-bottom:5px solid #a6c400*/
    border-bottom:none
}

#mainHeaderBlock a {
    color:#ffffff
}

.pagination>li>a {
    color: #b100e5;
}

.pagination>li>a:hover {
    color: #b100e5;
}

span#obf {display:block}

/******************************/
/**** CUSTOM MEDIA QUERIES ****/
/******************************/

@media (min-width: 768px) {



}

@media (min-width: 992px) {

    .block.branchBlock img {margin:0; width:13.8% }

}

@media (min-width: 1200px) {



}




/*DEV*/
/*.at-share-btn, .at-follow-btn {pointer-events: none; cursor: default;}
.navbar a, *//*#contentWrap a,*//*#footerWrap a, #mainHeaderBlock a {pointer-events: none; cursor: default;}*/


.galleryWrap img {margin:0!important; padding:0!important;}
.galleryWrap .library {text-align: left}
.galleryWrap .library img {border:15px solid #ffffff; width:25%!important; outline-color: #a6c400}

.galleryWrap .libImg {margin:0 0 1.82025em 0}
.galleryWrap {padding:30px; border:1px solid #e7e7e7;}
.galleryWrap .mainImgTitle {display:none}

/*.partyAlert {display:none}
body.contentId10005 .partyAlert, body.contentId10031 .partyAlert, body.contentId10006 .partyAlert, body.contentId10007 .partyAlert, body.contentId10008 .partyAlert, body.contentId10009 .partyAlert, body.contentId10010 .partyAlert, body.contentId10011 .partyAlert, body.contentId10012 .partyAlert, body.contentId10013 .partyAlert, body.contentId10014 .partyAlert {display:block}*/