/* 	Theme Name: jokeshop
	Description: A custom responsive theme for The Joke Shop
	Version: 1.0
	Author: Ray Mortimer
	Author URI: http://www.mortimedia.com
	Used and some udates by Steve of https://scsaldershot.com
*/


/*------------------------------------------------------------------------------------------------------------ BASIC */


	html, body { height: 100%; }
	html { font-size: 62.5%; line-height: 150%; }
    .freeze { overflow: hidden; }
	* { margin: 0px; padding: 0px; }
	a img { border:none; }
	a { outline: none; }


/*------------------------------------------------------------------------------------------------------------ FIXES */


	/* Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */
	article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

	/* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
	audio, canvas, video { display: inline-block; *display: inline;	*zoom: 1; }


/*------------------------------------------------------------------------------------------------------ IE SPECIFIC */


    /* some advanced elements like modals and lightbox not supported in IE8 or less */
    /* some ie8 colour scheme overrides in colour scheme at bottom */
    .ie8 header.dark_bg .topmenu li.show span.arrow { background-image: url('/images/ie8_sprite_dark_bg.png'); background-position: 0px -20px; }
    .ie8 header.dark_bg .topmenu li span.arrow { background-image: url('/images/ie8_sprite_dark_bg.png'); background-position: 0px 0px; }
    .ie8 header.light_bg .topmenu li.show span.arrow { background-image: url('/images/ie8_sprite_dark_bg.png'); background-position: 0px -20px; }
    .ie8 header.light_bg .topmenu li span.arrow { background-image: url('/images/ie8_sprite_light_bg.png'); background-position: 0px 0px; }
    .ie8 #slider-arrows-wrapper > button { background-image: url('/images/ie8_sprite_dark_bg.png'); }
    .ie8 #slider-arrows-wrapper .slick-prev { background-position: -33px -22px; background-repeat: none; }
    .ie8 #slider-arrows-wrapper .slick-next { background-position: -32px 4px; background-repeat: none; }

    .ie8 .lightbox-show,
    .ie8 .modal-show { text-decoration: line-through; color: #aaa; position: relative; }
    .ie8 .lightbox-show:hover:before,
    .ie8 .modal-show:hover:before {
        position: absolute; background-color: red; color: #fff; padding: 5px;
        content: "Not supported by your browser"; top: 20px; text-decoration: none !important; width: 100px; z-index: 10000;
    }
    .ie8 header { padding-top: 0; }
    /*.ie-warn-wrapper { background-color: red; width: 100%; padding: 5px 0; margin-bottom: 10px; }
    .ie-warn-wrapper p { color: #fff; font-size: 14px; margin: 0; }*/

    .ie8 .social { background-image: url('/images/ie8_social.png'); background-repeat: no-repeat; }
    .ie8 .social.facebook { background-position: -22px 4px; }
    .ie8 .social.flickr { background-position: -155px 4px; }
    .ie8 .social.instagram { background-position: 5px 5px; }
    .ie8 .social.linkedin { background-position: -128px 4px; }
    .ie8 .social.pinterest { background-position: -102px 5px; }
    .ie8 .social.twitter { background-position: -48px 5px; }
    .ie8 .social.youtube { background-position: -74px 4px; }

    .ie8 footer .toplink { text-indent: 0; text-transform: uppercase; }
    .ie8 footer.dark_bg .toplink {  color: #fff; }
    .ie8 footer.light_bg .toplink {  color: #000; }
    

/*-------------------------------------------------------------------------------------------------- HEADER + FOOTER */


	header { width: 100%; clear: both; padding: 0; position: relative; display: table;
        box-sizing: border-box; box-sizing: -moz-border-box; -webkit-box-sizing: border-box;
        /*position: fixed; z-index: 9990;*/
    }
    footer { width: 100%; clear: both; padding: 17px 0; height: 161px; margin-top: -195px; position: relative; }
    footer .inner-wrapper { position: relative; }
    footer ul.links { list-style-type: none; margin: 0 0 10px 0; }
    footer ul.links li { display: inline; padding-right: 25px; margin: 0; }
    footer ul.links li:last-child { padding-right: 0; }
    footer ul.links li:first-child { padding-left: 0; }
    footer ul.links li a { color: inherit; }
    footer p.copyrt { margin-bottom: 0; font-size: 14px; font-size: 1.4rem; padding-top: 5px; }
    footer p.copyrt a { color: #dceefc; }
    footer img.tall ~ p.copyrt { padding-top: 20px; }
    footer .logo.long { width: 280px; height: auto; margin-bottom: 10px; }
    footer .logo.tall { height: 105px; width: auto; float: left; margin-right: 20px; }
    footer .logo.tall+ul.links { padding-top: 30px; }
    footer p.copyrt a:first-child { margin-left: 20px; }

    .other nav.sections,
    .other .clown { display: none; }
    

/*------------------------------------------------------------------------------------------------------- CONTAINERS */


    #page-wrapper {
        /* sticky footer: outer wrapper for main content + header */
        height: auto;
        min-height: 100%;
    }


    main#page-content {
        /* sticky footer: outer wrapper for main content */
        /* padding-bottom = height of footer */
        padding-bottom: 195px;
        margin: 0 auto;
        padding-left: 0px;
        padding-right: 0px;
        position: relative;
    }
    .frontdoor main#page-content { padding-bottom: 0 !important; }
    

    main#page-content > .inner-wrapper { padding-bottom: 20px; }
    main#page-content > .inner-wrapper:first-child { padding-top: 40px; }
    main#page-content > .outer-wrapper .inner-wrapper { padding-bottom: 20px; }
    .outer-wrapper .inner-wrapper p:last-child { margin-bottom: 0; }
    main#page-content > .outer-wrapper+.inner-wrapper { margin-top: 40px; }
    main#page-content > .slider-wrapper + .inner-wrapper { padding-top: 0px; }

    body.slider-limit .slider_inner,
    .slick-slide .caption h2, .slick-slide .caption p,
    .inner-wrapper/*, section:not(.slider)*/ {
        width: 1250px;
        margin: 0 auto; padding: 0;
    } /* container for max. page content width */
    .outer-wrapper { width: 100%; overflow: hidden; } /* for wrapping around an inner wrapper to give it a different bg colour */
    .outer-wrapper[class*="bg"] { padding-top: 30px; padding-bottom: 30px; }
    main#page-content > .outer-wrapper[class*="bg"] .inner-wrapper { padding-bottom: 0px; }
    section { width: 100%; }
    
    .page-overlay {
        display: none; background-color: #000; opacity: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9990;
        transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear;
    }
    .page-overlay.show { display: block; opacity: 0.9; }

    figure { margin-bottom: 15px; max-width: 50%; }
    figcaption { clear: both; padding: 5px 0 4px 0; font-weight: bold; border-bottom: 1px solid; font-size: 13px; font-size: 1.3rem; }
    figure img { width: 100%; margin: 0 !important; }

    .videowrapper { margin: 0 0 20px 0; width: 100%; clear: both; }
    #welcome .videowrapper { float: right; margin: 0 0 0 20px; width: 380px; background-color: #dceefc; padding: 12px;
        box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
    #welcome .videowrapper h3 { margin: 10px 0 0 0; }
    .videowrapper.lightbox { position: absolute; position: absolute; left: 50%; top: 50%; z-index: 10000; 
        transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
    .video { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; }
    .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

    hr { border: 0; height: 3px; margin: 10px 0 15px 0; border-bottom: 3px solid; }

    section:not(.slider) { padding-top: 30px; padding-bottom: 30px;
        box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
    section p:last-of-type { margin-bottom: 0; }
    /*section .more-div p:last-of-type { margin-bottom: 20px; }*/
    
    a.toplink { position: fixed; top: 400px; right: -11px; width: 60px; height: 60px; display: none; z-index: 200; border: 1px solid #8ed1e2;
        background: rgba(255,255,255,0.75) url('/images/toplink.png') no-repeat top left; text-indent: -9999px; }
    a.toplink.show { display: block; }
    

/*---------------------------------------------------------------------------------------------------------- CONTENT */


    .content-block { position: relative; overflow: hidden; clear: both; } /* for wrapping content within page widths */
    .content-block img { max-width: 100%; }

    .col1of1 { width: 100%; }
    .col1of2 { width: 58%; float: left; }
    .col2of2 { width: 40%; float: right; }

    .col1of2-50 { width: 48.5%; float: left; }
    .col2of2-50 { width: 48.5%; float: right; }

    .box { display: inline-block; vertical-align: top; height: 100%; margin: 0px 1% 15px; padding: 10px;
        box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 0; }
    .box-20 { width: 18%; }
    .box-25 { width: 23%; }
    .box-33 { width: 31%; }
    .box-40 { width: 38%; }
    .box-50 { width: 48%; }
    .box-60 { width: 58%; }
    .box-66 { width: 65%; }
    .box-75 { width: 73%; }

    .content-block.one-row .box.box-33 { margin: 0px 0 15px; width: 32%; }
    .content-block.one-row .box.box-33:nth-child(2) { margin: 0px 2% 15px; }

    .twothirds { width: 66%; }
    .half { width: 50%; }
    .third { width: 33%; }
    .quarter { width: 25%; }

    blockquote { padding-left: 20px; }
    blockquote.quoted { position: relative; }
    blockquote:not(.quoted) { border-left: 5px solid; margin-bottom: 15px; }
    blockquote.quoted:before { position: absolute; top: 6px; left: -7px; font-size: 40px; font-weight: bold; font-family: serif; content: "\201C"; }
    blockquote.quoted :last-child:after { position: absolute; bottom: 27px; padding-left: 10px; font-size: 26px; font-weight: bold; font-family: serif; content: "\201E"; }
    .left, figure.left, blockquote.left, .alignleft { float: left; margin-right: 20px; }
    .right, figure.right, blockquote.right, .alignright { float: right; margin-left: 20px; }
    /* figure default is half */
    img.w1920, img.full, figure.full, .alignnone { width: 100%; margin: 0 0 20px 0; }

    table { width: 100% !important; margin-bottom: 20px; border-collapse: collapse; }
    table tr td { vertical-align: top; }
    table tr td { padding: 5px; text-align: left; }
    table thead td { font-weight: bold; }

    .more-div { max-height: none; overflow: hidden;
        transition: max-height 0.5s ease-out; -moz-transition: max-height 0.5s ease-out; -webkit-transition: max-height 0.5s ease-out; }
    .more-div.show { max-height: 2000px; }
    .more-expand { display: none; cursor: pointer; padding: 2px 8px; }
    .more-expand span.more { display: inline; }
    .more-expand span.less { display: none; }
    .more-expand.show span.more { display: none; }
    .more-expand.show span.less { display: inline; }
	
	.sasesp-grid { width: 100%; float: left; clear: both; margin-top: 15px; }
    .sasesp-item { height: 100%; width: 31%; margin: 0 3.5% 40px 0; padding: 0; display: inline-block; vertical-align: top;
        box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    }
    .sasesp-item:nth-child(3n) { margin-right: 0; }
    .sasesp-item h3 { font-size: 23px; font-size: 2.3rem; margin: 0 0 10px 0; }
    .sasesp-item img { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 10px; }
    .sasesp-item a+p { margin-bottom: 10px; }
    .sasesp-item p { font-size: 15px; font-size: 1.5rem; }
    .sasesp-item p a.button { font-size: 12px; font-size: 1.2rem; padding: 3px 10px; }
    .sasesp-item p:last-child { margin-bottom: 0; }
    
    
    /* front door page */
    .frontdoor main#page-content { padding-bottom: 0 !important; }    
    .frontdoor main#page-content > .inner-wrapper:first-child { padding-top: 25px; }
    .frontdoor header .logo { left: 50%; position: relative; 
        transform: translate(-50%,0); -moz-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); }
    .frontdoor h1 { left: 62%; transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); }
    .frontdoor #page-content .inner-wrapper h2, 
    .frontdoor #page-content .inner-wrapper p { text-align: center; width: 640px; margin: 0 auto; } 
    .frontdoor #page-content .inner-wrapper p { font-size: 16px; font-size: 1.6rem; }
    .door-wrap { position: relative; }
    .door-wrap > div:first-of-type { position: relative; margin: 15px auto 0; width: 300px; overflow: hidden; }
    .thedoor { position: relative; z-index: 12; left: 60px; outline: none; border: none; }
    .thedooropen { position: absolute; top: 0; right:0; z-index: 11; }
    .thedooropen.show { z-index: 20; }
    .doorclown { position: absolute; top: 189px; right: 12px; z-index: 13; opacity: 0;
        transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease;
        animation: clown 0.5s linear alternate infinite; -moz-animation: clown 0.5s linear alternate infinite; -webkit-animation: clown 0.5s linear alternate infinite; }
    .doorclown.show { opacity: 1; }
    .frontdoor h2, .frontdoor p { color: #fff; }
    .ahandle { position: absolute; width: 42px; height: 30px; z-index: 15; cursor: pointer; background-color: red; opacity: 0.0; }
    #handle1 { top: 255px; left: 84px; }
    #handle2 { top: 285px; left: 84px; }
    #handle3 { top: 315px; left: 84px; }
    #handle4 { top: 290px; left: 155px; }
    #handle5 { top: 260px; left: 232px; }
    #handle6 { top: 290px; left: 232px; }
    #handle7 { top: 320px; left: 232px; }
    .frontdoor #page-content .inner-wrapper p.speechbubble { position: absolute; top: 90px; left: 50px; width: 140px; background: #fff; 
        border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; opacity: 0; 
        z-index: 25; color: #000; padding: 21px; font-size: 16px !important; font-size: 1.6rem !important; font-weight: bold;
        transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; }
    .frontdoor #page-content .inner-wrapper p.speechbubble:before { content: ""; position: absolute; left: 52px; bottom: -48px;
        width: 0; height: 0; border-left: 33px solid transparent; border-top: 56px solid #fff; border-right: 2px solid transparent; }
    .frontdoor #page-content .inner-wrapper p.speechbubble.show { opacity: 1; }
    .frontdoor #page-content .inner-wrapper p.speechbubble.show.enter { top: 20px; left: 20px; }
    @keyframes clown {
        0% { transform: rotate(-5deg); }
        100% { transform: rotate(5deg);  }
    }
    @-webkit-keyframes clown {
        0% { -webkit-transform: rotate(-5deg); }
        100% { -webkit-transform: rotate(5deg);  }
    }
    @-moz-keyframes clown {
        0% { -moz-transform: rotate(-5deg); }
        100% { -moz-transform: rotate(5deg);  }
    }
    .frontdoor .toplink { display: none !important; }
    
    
/*------------------------------------------------------------------------------------------------------ ACCESSORIES */


    .spinner { width: 100px; height: 100px; border: 6px dotted #fff; z-index: 99999;
        border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
        animation: spinner 5s linear infinite; -webkit-animation: spinner 5s linear infinite; -moz-animation: spinner 5s linear infinite;
    }
    .spinner.white { border-color: #fff; }
    .spinner.black { border-color: #000; }
    .spinner.red { border-color: #f00; }

    @keyframes spinner {
        0% { transform: translate(-50%,-50%) rotate(0deg); }
        100% { transform: translate(-50%,-50%) rotate(360deg); }
    }
    @-webkit-keyframes spinner {
        0% { -webkit-transform: translate(-50%,-50%) rotate(0deg); }
        100% { -webkit-transform: translate(-50%,-50%) rotate(360deg); }
    }
    @-moz-keyframes spinner {
        0% { -moz-transform: translate(-50%,-50%) rotate(0deg); }
        100% { -moz-transform: translate(-50%,-50%) rotate(360deg); }
    }

    
/*-------------------------------------------------------------------------- EU COOKIE */


    .cookiemsg {
        width: 100%; position: fixed; left: 0; bottom: 0; padding: 15px 0; z-index: 999;
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0000000, endColorstr=#c0000000)";
        background: rgba(0,0,0,0.75);
    }
    .cookiemsg div p { color: #fff; margin-bottom: 0; font-size: 15px; font-size: 1.5rem; }
    .cookiemsg span a { color: #ccc; }
    .cookiemsg a.button { display: inline-block; margin: 10px 15px 0 0; padding: 2px 20px; background-color: #c3d77e; color: #000; }    
    .cookiemsg a.button:hover,
    .cookiemsg span a:hover { color: red; }
    

/*------------------------------------------------------------------------------------------------------ MODAL POPUP */


    .modal {
        z-index: 9999; display: none; padding: 15px; overflow-y: auto; color: red;
        position: absolute; width: 75%; min-width: 270px; max-width: 970px; top: 50%; left: 50%; max-height: 80%;
        box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
        transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); /* for ie9 */
    }
    .modal.show { display: block; }


/*--------------------------------------------------------------------------------------------------------- LIGHTBOX */


/* Lightbox - single images */
    .lightbox { color: #fff; }
    .lightbox-image { z-index: 9999; background-color: #fff; padding: 7px; }
    .lightbox-image,
    .spinner {
        position: absolute; top: 50%; left: 50%;
        box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
        transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); /* for ie9 */
    }
    .lightbox-title { position: absolute; color: #fff; text-align: center; width: 100%; }

/* shared items */
    .lightbox-close { position: absolute; top: 10px; right: 10px; height: 18px; width: 75px;
        background-image: url('/images/sprite_dark_bg.png'); background-position: -117px -30px; background-size: 400%;
    }


/*--------------------------------------------------------------------------------------------------- TOP MENU, LOGO */


    header .inner-wrapper { position: relative; }
    /* main logo */
    header .logo { padding: 0; display: inline-block; }
    header .logo.centered { margin-left: auto; margin-right: auto; display: block; }
    header .clown { position: absolute; top: 0px; } /*changed to 0 for lizpics */
    
    
    h1 { position: absolute; bottom: 13px; width: 440px; left: 335px; text-align: right; margin-bottom: 0;
    font-size: 18px; font-size: 1.8rem; line-height: 130%; font-weight: normal; color: #fff; }

     /* menu as text */
    nav.sections { width: 100%; overflow: auto; margin: 0 auto; padding: 7px 0; }
    nav.sections.centered { text-align: center; }
    nav.sections.right { width: auto; position: absolute; top: 10px; right: 20px; text-align: right; }
        
    nav.sections ul { list-style-type: none; margin: 0; clear: both; }
    .logo.mt { margin-top: 10px; /* for menu above */ }
    .logo.mb { margin-bottom: 10px; /* for menu above */ }
    nav.sections ul li { font-weight: bold; font-size: 15px; font-size: 1.5rem; cursor: pointer; outline: none; text-transform: uppercase;
        list-style-type: none; display: inline-block; margin-left: 12px; padding: 0 0 0 12px; border-left: 1px solid #335886; }
    nav.sections ul li:first-child { margin-left: 0; padding-left: 0; border-left: 0; }
    /*nav.sections ul li.active a,*/ nav.sections ul li a:hover { color: red; }
    
    
/*-------------------------------------------------------------------------------------------------------- SLIDESHOW */


/* Default Slick Slider CSS */
    .slick-slider {
        position: relative;
        display: block;
        -moz-box-sizing: border-box;
             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; position: relative; }
    [dir='rtl'] .slick-slide { float: right; }
    .slick-slide img { display: block; }
    .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; }
    /* End of Default Slick slider CSS*/


/* Slider Containers */
    .slider-wrapper { margin: 0 auto 0; padding-bottom: 10px; width: 100%; }
    body.slider-caps-bottom .slider_inner,
    body.slider-caps-boxed .slider_inner { border-bottom: 1px solid #fff; }
    body.slider-limit .slider_inner { border-bottom: none; }
    .slider_inner .slick-slide img { width: 100%; }


/* Slider Dots */
    .slider_inner ul.slick-dots {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%);
        list-style-type: none;
        text-align: center;
        padding: 2px 14px;
        margin-left: 0;
        background: rgba(0,0,0,0.5);
    }


    .slider_inner ul.slick-dots li {
        display: inline-block;
        margin-left: 10px;
        top: -6px;
        position: relative;
    }
    .slider_inner ul.slick-dots li:first-child { margin-left: 0; padding-left: 0; }

    
    .slider_inner ul.slick-dots li button {
        width: 15px;
        height: 15px;
        cursor: pointer;
        border: 3px solid #000;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        font-size: 0;
        cursor: pointer;
        color: transparent;
        outline: none;
    }


/* Slider Arrows */
    #slider-arrows-wrapper { position: relative; }
    #slider-arrows-wrapper > button {
      position: absolute;
      bottom: -40px;
      width: 30px;
      height: 30px;
      cursor: pointer;
      border-radius: 50%;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      display: block;
      font-size: 0;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: none;
      background-image: url('/images/sprite_dark_bg.png');
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 1000%;
      -webkit-tap-highlight-color: transparent;
    }


    #slider-arrows-wrapper .slick-next { right: 0px; background-position: -35px -2px; }
    #slider-arrows-wrapper .slick-prev { right: 50px; background-position: -2px -2px; }

    
/* Slider full links */    
    .sldlink { /*position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;*/ display: block; }
    

/* Slider Captions */
    /* slider caption underneath image */
    .slick-slide .caption { margin-top: 20px; text-align: center; }


    /* slider caption overlaid bottom of image */
    body.slider-caps-bottom .slick-slide .caption {
        width: 100%; padding: 10px 20px; margin: 0 auto;
        -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
        position: absolute; bottom: 0;
    }


    /* slider caption overlaid image and boxed */
    body.slider-caps-boxed .slick-slide .caption {
        width: 33%; max-width: 300px; min-width: 150px; padding: 10px 20px; margin: 0 auto;
        -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute;
        bottom: 0; right: 0;
    }
    body.slider-caps-fullh .slick-slide .caption { height: 100%; overflow: auto; }


    /* slider caption text */
    .slick-slide .caption h2,
    .slick-slide .caption p { margin: 0 auto; }

    body.slider-limit .slick-slide .caption h2,
    body.slider-limit .slick-slide .caption p,
    body.slider-caps-boxed .slick-slide .caption h2,
    body.slider-caps-boxed .slick-slide .caption p { width: auto; }



/*------------------------------------------------------------------------------------------------------------- TEXT */


    /* h1 used in header */
    h2 { font-family: Merriweather, serif; font-size: 4px; font-size: 4.0rem; line-height: 120%; font-weight: 900; margin-bottom: 10px; }
    h3 { font-family: Merriweather, serif; font-size: 25px; font-size: 2.5rem; line-height: 125%; font-weight: 900; margin-bottom: 10px; }
    h4 { font-family: Merriweather, serif; font-size: 20px; font-size: 2.0rem; line-height: 120%; font-weight: 900; margin-bottom: 0; }

    h2 span.c_red { font-family: nosifer; }
    p, li, label, table td { font-size: 16px; font-size: 1.6rem; line-height: 150%; }
    p, ul, ol { margin-bottom: 20px; }
    p.small, cite { font-size: 14px; font-size: 1.4rem; line-height: 140%; margin-bottom: 15px; }
    p.bullet { padding-left: 0px; position: relative; }
    p.bullet:before { content: "\25AA"; font-size: 20px; font-size: 2rem; position: relative; top: 1px; margin-right: 7px; vertical-align: bottom; }
    
    #welcome p:first-of-type:first-line,
    #laptops p:first-of-type:first-line { font-weight: bold; }
    
    cite { font-style: italic; }
    ul.slick-dots { margin-bottom: 0; }
    p, li, label, table td, address { font-size: 18px; font-size: 1.8rem; line-height: 150%; }
    address { font-style: normal; margin-bottom: 30px; -webkit-text-size-adjust: none; }}

    blockquote p { font-weight: bold; font-style: italic; }
    blockquote p:last-of-type { margin-bottom: 10px; }
    em { font-style: normal; padding: 0 3px; margin: 0 3px; }
    p em:first-child { margin-left: 0; }

    .social { width: 30px; height: 30px; display: inline-block; text-indent: -9999px;
        background-image: url('/images/sprite_dark_bg.png'); background-position: 0px 0px; vertical-align: middle; background-size: 620%; }
    .social.facebook { background-position: -21px -218px; background-color: #3b5999; }
    .social.flickr { background-position: -145px -218px; background-color: #ff0086; }
    .social.instagram { background-position: 4px -218px; background-color: #d8c0a9; }
    .social.linkedin { background-position: -119px -218px; background-color: #0077b5; }
    .social.pinterest { background-position: -95px -218px; background-color: #cb2028; }
    .social.twitter { background-position: -45px -218px; background-color: #47c7fa; }
    .social.youtube { background-position: -70px -218px; background-color: #ff3334; }

    .button { display: inline-block; margin-bottom: 0; padding: 5px 15px; font-size: 15px; font-size: 1.5rem; }
    .button + .button, .button + span, span + .button  { margin-left: 15px; }
    .social + .social, .social + span, span + .social { margin-left: 10px; }
    .button.small { padding: 3px 8px; font-size: 13px; font-size: 1.3rem; }


/*------------------------------------------------------------------------------------------------------ POSITIONING */


	.floatr { float: right; }
	.floatl { float: left; }
	.clearb { clear: both; }
    .wide { overflow: auto; clear: both; width: 100%; margin-bottom: 20px; }


/*------------------------------------------------------------------------------------------------------------ LISTS */


	ul { list-style: none; margin-left: 20px; }
    ol { margin-left: 30px; }
    ul li { list-style: square outside; }
    ol li { list-style: decimal outside; }
    ul li { padding-left: 5px; }


/* ------------------------------------------------------------------------------------------------- CONTACT SECTION */


    form.contact input:first-of-type { margin-top: 20px; }
    form.contact input[type="text"], form.contact textarea { 
        width: 100%;
        box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
        font-size: 16px; font-size: 1.6rem;
        line-height: 150%;
        padding: 5px 10px;
        margin-bottom: 10px;
        border: none;
    }
    form.contact textarea { height: 110px; font-size: 16px; }
    
    .error { border: 1px solid red !important; }
    
    #submit-contact {
        margin-top: 10px;
        padding: 5px 10px;
        width: 150px;
        text-align: center;
        font-size: 16px; font-size: 1.6rem;
        border: none;
        cursor: pointer;
    }

    #form_success { display: none; }

    
    #contact { padding-bottom: 0; }
    #contact div.inner-wrapper { overflow: auto; }
    #contact iframe { width: 100%; height: 350px; display: block; border: 0; }

    .content-block.map { margin-bottom: 30px; overflow: visible; }
    .content-block.map .col-left { width: 31%; padding-top: 0; float: left; }
    .content-block.map .col-right { width: 67%; float: right; }
    .form-wrapper { width: 100%; float: left; margin: 30px 0; position: relative; }

    .form-wrapper .col-left { width: 100%; float: left; padding-right: 295px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  }
    .form-wrapper .col-right { width: 265px; margin-left: -295px; float: right; background: #fff; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  }

    .opening span { float: right; text-align: right; width: 60%; display: inline-block }
    

/*-------------------------------------------------------------------------------------------------- LINKS & COLOURS */


/* colour scheme */

    /* links */
    a {	color: #0053a6; text-decoration: none; }
	a:hover { color: #fb5133; }

    /* basic text */
	html, input[type="submit"] { font-family: 'Open Sans', sans-serif; color: #444; } /* default text color */
    h2, h3, h4 { color: #45a4ef; }
    #contact h2, #contact #form_success h2, #contact form h3, #contact address, #contact form p { color: #000; }
    .modal h1, .modal h2, .modal h3, .modal p, .modal li, .modal cite, .modal span { color: inherit; }
    
    /* tables */
    table { border: 1px solid #444; }
    table tr td { border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
    table thead td { background-color: #ebeded; }
    table tr td:first-child { border-left: none; }
    table thead tr:first-child td { border-top: none; }

    /* backgrounds */
    header { background: #838383; color: #fff; } /* Dark Grey with White Text? */
    nav.sections { background: #8ed1e2 }
    footer { background: #838383; color: #fff; }
	#Section1 { background-color: #ffffff; } /* White */
	#Section2 { background-color: #d6d6d6; } /* Light Grey */
	#Section3 { background-color: #d6d6d6; } /* Light Grey */
    #Section4 { background-color: #d6d6d6; } /* Light Grey */
	#Section5 { background-color: #d6d6d6; } /* Light Grey */
	#Section6 { background-color: #d6d6d6; } /* Light Grey */
	#Section7 { background-color: #d6d6d6; } /* Light Grey */
	#SectionB { background-color: #8ed1e2; } /*Light Blue */
	#SectionC { background-color: #ffffff; } /* White */
	/*#Section9 { background-color: #ffffff; } /* White */
    /* #halloween-horror { background-color: #333; z-index: 11; position: relative;
        box-shadow: 0px 10px 20px #333; -moz-box-shadow: 0px 10px 20px #333; -webkit-box-shadow: 0px 10px 20px #333; }
    #halloween-horror h2 { padding-top: 12px; }
    #halloween-horror h2 img { margin-top: -15px; }
    #halloween-horror h2, #halloween-horror p { color: #fff; } */
    .lightbox, .modal { background-color: #444; }
    .button, input[type="submit"] { background-color: #333; color: #fff; }
    .button:hover { color: #aaa; cursor: pointer; }

    /* borders */
    blockquote { border-left-color: #999; }
    hr { border-bottom-color: #ebeded; }
    figcaption { border-bottom-color: #333; }
    #form_contact { border-bottom: 1px dotted #333; }

    /* slider */
    .slider_inner ul.slick-dots li button { background-color: #000; border-color: #45a4ef; }
    .slider_inner ul.slick-dots li.slick-active button { background-color: #45a4ef; }
    #slider-arrows-wrapper > button { background-color: #333; }
    body.slider-caps-bottom .slick-slide .caption,
    body.slider-caps-boxed .slick-slide .caption { background-color: rgba(255,255,255,0.80); }
    .ie8 body.slider-caps-bottom .slick-slide .caption,
    .ie8 body.slider-caps-boxed .slick-slide .caption { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#C2FFFFFF, endColorstr=#C2FFFFFF)"; }
    .caption h2 { color: #000; }
    .caption p { color: #000; }

    /* forms */
    form.contact input[type="text"], form.contact textarea { background-color: #ebeded; }
    #submit-contact { background-color: #ffff00; color: #000; }

/* footer colours */
    footer ul.links li a:hover { color: #ffff00; border-bottom-color: #ffff00; }
    footer ul.links li a { padding-bottom: 2px; border-bottom: 1px dotted #fff; }

/* other colours */
	.c_black { color: #000000; }
    .c_darkgrey { color: #333; }
    .c_lightgrey { color: #ebeded; }
	.c_white { color: #ffffff; }
	.c_red { color: #ea0000; }
    .c_yellow { color: #ffff00; }
    .c_lblue { color: #45a4ef; }
    .c_navy { color: #335886; }

/* other background colours */
	.bg_black { background-color: #000000; }
    .bg_darkgrey { background-color: #333; }
    .bg_lightgrey { background-color: #ebeded; }
	.bg_white { background-color: #ffffff; }
	.bg_red { background-color: #ea0000; }
    .bg_yellow { background-color: #ff0000; }
    .bg_lblue { background-color: #45a4ef; }
    .bg_navy { background-color: #335886; }