/* ==================================
   Main Style
   ================================== */ 

/*
Colours:
Green #99ca46
Grey # 575656

Font: 
Roboto (bold & light)
*/

body {
    font-family: 'Trebuchet MS', 'Roboto', sans-serif;
    font-size: 12pt;
    font-weight: 300;
    margin: 0;
    padding: 0;
    color: #575656;
    background-color: #f7fbf2;
}


a, a:link, a:active, a:visited {
    color: #575656;
    text-decoration: none;
    transition: .5s ease;
}

    a:hover, a:focus {
        color: #99ca46;
        transition: .5s ease;
    }


.align-center{text-align:center}

.ArchiveWrap {
    color: #99ca46;
    padding-right: 10px;
    margin-bottom: 10px;
    border-right: solid 1px #99ca46;
}

    .ArchiveWrap a, .ArchiveWrap a:visited {
        color: #99ca46;
    }

        .ArchiveWrap a:hover {
            color: #99ca46;
        }

.BlogCatWrap {
    /*padding: 15px;*/
    color: #99ca46;
}

    .BlogCatWrap a, .BlogCatWrap a:visited {
        color: #99ca46;
    }
        .BlogCatWrap a:hover {
            color: #99ca46;
        }

.blogWrap {
    border: Solid 1px #99ca46;
    margin-bottom: 25px;
    overflow: hidden;
    transition: 2s ease;
}

.blogWrap img{width:100%; height:200px; max-height:200px !important; object-fit:cover; overflow:hidden;}
    .blogWrap h3{padding: 20px 10px; text-align:center; display:block; margin:0;}
    .blogWrap a h3 {
        color: #99ca46;
    }
    .blogWrap a:hover h3 {
        color: #ffffff;
        background-color: #99ca46;
        transition: 1.5s ease;
    }

    .blogWrap a:hover img {
        transition: 1.5s ease;
        -ms-transform: scale(1.1); /* IE 9 */
        -webkit-transform: scale(1.1); /* Safari 3-8 */
        transform: scale(1.1);
    }

        .ButtonGreen {
            border: solid 1px #99ca46;
            cursor: pointer;
            outline: none;
            padding: 10px 25px;
            text-align: center;
            text-transform: uppercase;
            transition: .5s ease;
            background-color: #98d049;
            color: #5b5f55;
        }

            .ButtonGreen:hover {
                background-color: #5b5f55;
                color: #98d049;
                transition: .5s ease;
            }

.ButtonGreenSml {
    border: solid 1px #99ca46;
    cursor: pointer;
    outline: none;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
    transition: .5s ease;
    background-color: #98d049;
    color: #5b5f55;
}

    .ButtonGreenSml:hover {
        background-color: #5b5f55;
        color: #98d049;
        transition: .5s ease;
    }


.ButtonYellow, .ButtonYellow a, .ButtonYellow a:visited {
    border: solid 1px #99ca46;
    cursor: pointer;
    outline: none;
    padding: 10px 25px;
    text-align: center;
    text-transform: uppercase;
    transition: .5s ease;
    background-color: #fbe834;
    color: #5b5f55;
}

    .ButtonYellow:hover {
        background-color: #99ca46;
        color: #fbe834;
        transition: .5s ease;
    }

.ButtonYellowSml, .ButtonYellowSml a, .ButtonYellowSml a:visited {
    border: solid 1px #99ca46;
    cursor: pointer;
    outline: none;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
    transition: .5s ease;
    background-color: #fbe834;
    color: #5b5f55;
}

    .ButtonYellowSml:hover {
        background-color: #99ca46;
        color: #fbe834;
        transition: .5s ease;
    }

.ButtonWhite {
    border: solid 1px #5b5f55;
    cursor: pointer;
    outline: none;
    padding: 10px 25px;
    text-align: center;
    text-transform: uppercase;
    transition: .5s ease;
    background-color: #ffffff;
    color: #5b5f55;
}

    .ButtonWhite:hover {
        background-color: #5b5f55;
        color: #98d049;
        transition: .5s ease;
    }


.Content{margin-top:150px;}

.footerOne {
    /*background-color: #dbe4d1;*/
    padding: 50px 0;
    color: #ffffff;
    background-image: url('/img/stone-background-196.png');
    background-repeat:repeat;
}
.footerTwo {
    background-color: #066c3d;
    padding: 10px;
    color: #ffffff;
}

    .footerOne a, .footerTwo a, .footerOne a:visited, .footerTwo a:visited {
        color: #ffffff;
    }
    .footerOne a:hover, .footerTwo a:hover {
        color: #fbe834;
    }

.f-right{float:right;}

hr {
    border: solid 3px #98d049;
}

.HeaderContact {
    text-align: right;
    color: #99ca46;
    padding: 5px 0;
    background-image: url('../img/hdr-opc.png');
    background-repeat:repeat;
}

    .HeaderContact .Phone{font-size:24pt; padding-right:25px; }

.HeaderLogin {
    z-index: 9999;
    background-color: #f7fbf2
}

#HeaderWrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    z-index: 199;
}



.logo {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 150px;
    z-index: 99;
    
}

@media (max-width: 768px) {

    #HeaderWrap {
        position: fixed;
        top: 0;
        left: 0;
        /*width: calc(100% - 10px);*/
        height: 150px;
        z-index: 199;
    }

    .HeaderContact .Phone {
        font-size: 18pt;
        padding: 10px;
    }
}


@media (min-width: 768px) {

    .logo {
        position: absolute;
        
        top: 15px;
        left: 15px;
        width: 200px;
        
    }


    .Phone {
        font-size: 24pt;
    }
}
        @media (min-width: 992px) {

            .logo {
                position: absolute;
                top: 15px;
                left: 15px;
                width: 300px;
            }
        }

        @media (min-width: 1200px) {

            .logo {
                position: absolute;
                top: 15px;
                left: 15px;
                width: 300px;
            }
        }

        .NavContainer {
            border-top: solid 2px #99ca46;
            border-bottom: solid 2px #99ca46;
            background-image: url('../img/hdr-opc.png');
            background-repeat: repeat;
        }

        @media (max-width: 1000px)
        {
            .NavContainer {
                border-top: solid 2px #99ca46;
                border-bottom: solid 2px #99ca46;
                background-image: url('../img/hdr-opc.png');
                background-repeat: repeat;
                margin-top:25px;
            }
        }


.PostCodeSearch input, .PostCodeSearch textarea {
        padding: 15px;
        -webkit-appearance: none;
        border-radius: 0;
    }


        .ServicesLink {
            width: 100%;
            padding: 25px;
            margin-right: 10px;
            margin-left: 10px;
            border-style: solid;
            border-width: 3px;
            border-color: #98d049;
        }

            .ServicesLink h3 {
                color: #98d049;
                text-align: center;
                font-size: 24px;
                line-height: 24px;
                font-weight: bold;
            }

                .ServicesLink h3 a, .ServicesLink h3 a:link {
                    color: #98d049;
                }

                    .ServicesLink h3 a:hover {
                        color: #ffffff;
                        transition: 1.5s ease;
                    }

            .ServicesLink:hover h3 a {
                color: #ffffff !important;
            }

            .ServicesLink:hover {
                width: 100%;
                padding: 25px;
                margin-right: 10px;
                margin-left: 10px;
                border-style: solid;
                border-width: 3px;
                border-color: #98d049;
                background-color: #98d049;
                transition: 1.5s ease;
                color: #ffffff !important;
            }

.slick-item {
    background-color: #066c3d;
    padding: 50px;
    margin: 10px;
}


.enquireFormContainer {
    overflow: hidden;
    width: 200px;
    position: fixed;
    height: 725px;
    top: 14vh;
    right: 0;
    z-index: 888;
    transition: 1s ease;
}

        .enquireForm {
            background: #fff;
            position: relative;
            top: 0;
            left: 200px;
            width: 490px;
            border: 5px solid #99ca46;
            height: 718px;
            transition: 1s linear;
            background: #f3f3f4;
            transition: 1s ease;
        }

        .enquireFormOpen {
            left: 100px;
            transition: 1s ease;
        }

        .enquireFormContainerOpen {
            width: 590px;
            transition: 1s ease;
        }

        .enquireForm p {
            color: #717171;
            font-size: 1.4em;
            font-size: 18px;
        }

            .enquireForm p a {
                color: #4e6c43 !important;
            }

        h2.h2tab {
            transform: rotate(90deg);
            text-align: center;
            position: relative;
            width: 280px;
            top: 200px;
            background: #fbe834;
            left: -173px;
            cursor: pointer;
            padding-top: 15px;
            padding-bottom: 15px;
            border-bottom: 4px solid #99ca46;
            border-left: 4px solid #99ca46;
            border-right: 4px solid #99ca46;
        }

        .TextBoxEnquiryForm {
            border: 1px solid #999;
            color: #616161;
            width: 100%;
        }

        *:focus {
            outline: none;
        }

        #Footer_EnquiryForm_ButtonSubmit {
            background: #99ca46;
            border: none;
            width: 40%;
            left: 30%;
            position: relative;
            margin-top: 20px;
            padding: 10px;
            border-radius: 10px;
            font-family: 'Trebuchet MS', sans-serif;
            font-size: 1.4em;
        }

        .enquireForm p img {
            position: absolute;
            top: -45px;
            right: 35px;
            width: 10%;
        }

        @media (max-width: 550px) {
            h2.h2tab {
                top: 180px;
                width: 170px;
                left: -115px;
                font-size: 1em;
            }

            .enquireFormOpen {
                left: 290px;
            }

            .enquireForm {
                width: 300px;
                height: 550px;
            }

            .enquireFormContainerOpen {
                z-index: 999 !important;
            }

            .enquireForm p {
                font-size: 1em;
                margin-top: -80px;
            }

                .enquireForm p + p {
                    margin-top: 0;
                }

            .TextBoxEnquiryForm {
                border: 1px solid #999;
                color: #616161;
                width: 100%;
                font-size: 1em;
            }

            .enquireForm p img {
                display: none;
            }

            #Footer_EnquiryForm_ButtonSubmit {
                font-size: 1em;
            }
        }



        .fade1 {
            opacity: 0;
            -webkit-animation: ContentFadeIn 1s ease-in-out 0s forwards;
            animation: ContentFadeIn 1s ease-in-out 0s forwards;
            -webkit-animation-delay: .5s;
            animation-delay: .5s;
        }

        .fade2 {
            opacity: 0;
            -webkit-animation: ContentFadeIn 1s ease-in-out 0s forwards;
            animation: ContentFadeIn 1s ease-in-out 0s forwards;
            -webkit-animation-delay: 1s;
            animation-delay: 1s;
        }

        .fade3 {
            opacity: 0;
            -webkit-animation: ContentFadeIn 1s ease-in-out 0s forwards;
            animation: ContentFadeIn 1s ease-in-out 0s forwards;
            -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s;
        }

        .fade4 {
            opacity: 0;
            -webkit-animation: ContentFadeIn 1s ease-in-out 0s forwards;
            animation: ContentFadeIn 1s ease-in-out 0s forwards;
            -webkit-animation-delay: 2s;
            animation-delay: 2s;
        }

        /* ==================================
   Animations
   ================================== */

        @-webkit-keyframes ContentFadeIn {
            0% {
                display: none;
                opacity: 0;
                visibility: hidden;
            }

            100% {
                display: normal;
                opacity: 1;
                visibility: visible;
            }
        }

        @keyframes ContentFadeIn {
            0% {
                display: none;
                opacity: 0;
                visibility: hidden;
            }

            100% {
                display: normal;
                opacity: 1;
                visibility: visible;
            }
        }




        .BackgroundGray {
            background-color: #575656;
            color: #fff;
        }


        .BackgroundOrange {
            background-color: #99ca46;
            color: #fff;
        }

        .BlockBlog a, .BlockBlog a:link, .BlockBlog a:active, .BlockBlog a:visited {
            font-weight: bold;
            border-bottom: solid 2px #575656;
            text-decoration: none;
            text-transform: uppercase;
        }

        .BlockGray {
            background-color: #575656;
            color: #fff;
            display: table;
            font-size: 18pt;
            font-weight: 300;
            height: 130px;
            padding: 25px 0;
            text-align: center;
            transition: .5s ease;
        }

            .BlockGray:hover {
                background-color: #99ca46;
                transition: .5s ease;
            }

            .BlockGray a, .BlockGray a:link, .BlockGray a:active, .BlockGray a:visited {
                color: #fff;
                display: table-cell;
                text-decoration: none;
                transition: .5s ease;
                vertical-align: middle;
            }

            .BlockGray img {
                position: relative;
                top: -2px;
            }

        .BlockPosition {
            position: relative;
            top: -65px;
            z-index: 99;
        }

        .BlockReviews {
            padding: 25px 65px;
        }

            .BlockReviews:before {
                content: '';
                background-image: url('/img/quotes-yellow.png');
                background-repeat: no-repeat;
                background-size: contain;
                position: absolute;
                left: 0;
                top: 0;
                height: 50px;
                width: 50px;
            }

        .BlockServices, .BlockServices a, .BlockServices a:link, .BlockServices a:active, .BlockServices a:visited {
            display: block;
            padding: 20px 0;
            text-align: center;
            transition: .5s ease;
        }

            .BlockServices :hover, .BlockServices a:hover {
                background-color: #f2f2f2;
                transition: .5s ease;
            }

            .BlockServices p {
                display: block;
                font-size: 14pt;
                padding: 10px 0;
            }

            .BlockServices img {
                max-height: 110px;
                padding-top: 10px;
            }

        .BlockYellow {
            background-color: #99ca46;
            color: #fff;
            display: table;
            font-size: 18pt;
            font-weight: 300;
            height: 130px;
            padding: 25px 0;
            text-align: center;
            transition: .5s ease;
        }

            .BlockYellow p {
                display: table-cell;
                vertical-align: middle;
            }



        .FooterLinks h4 {
            font-size: 24pt;
        }

        .FooterLinks a, .FooterLinks a:link, .FooterLinks a:active, .FooterLinks a:visited {
            color: #fff;
            text-decoration: none;
            transition: .5s ease;
        }

            .FooterLinks a:hover {
                color: #99ca46;
                transition: .5s ease;
            }

        ul.footerNav {
            list-style-type: none;
            padding: 25px 0 0 0;
            margin: 0;
            text-align: center;
        }

            ul.footerNav li {
                display: inline-block;
                padding: 0 5px;
            }

                ul.footerNav li a {
                    color: #fff;
                    text-decoration: none;
                    transition: .5s ease;
                }

                    ul.footerNav li a:hover {
                        color: #99ca46;
                        transition: .5s ease;
                    }

                ul.footerNav li + li:before {
                    content: "|";
                    position: relative;
                    left: -5px;
                    color: #fff;
                }

        .gridpager, .gridpager td {
            text-align: left;
            text-decoration: none;
            padding: 5px;
        }

        .Header {
            background-color: rgba(255, 255, 255, 0.8);
            border-bottom: solid 2px #f8a809;
            position: fixed;
            width: 100%;
            z-index: 100;
        }

        .HeaderYellow {
            color: #99ca46;
            font-size: 28pt;
            font-weight: bold;
        }

        .Logo {
            max-height: 60px;
        }

        .ImgTop {
            opacity: 0;
            position: absolute;
            transition: 0.5s ease;
        }

            .ImgTop:hover {
                opacity: 1;
                transition: 0.5s ease;
            }

        .instagramBg {
            background-color: #98d049;
        }

        .Reviews {
            background-image: url('/img/reviews-bg.jpg');
            background-size: cover;
            border-bottom: solid 2px #99ca46;
            border-top: solid 2px #99ca46;
        }

        .ReviewsQuote {
        }

        .TextBoxEnquiry {
            background-color: #e6e6e6;
            border: none;
            color: #575656;
            margin: 0 0 15px 0;
            outline: none;
            padding: 10px;
            width: 100%;
        }

        .TitleThin h2 {
            font-size: 40pt;
            font-weight: bold;
        }

            .TitleThin h2 span {
                font-size: 34pt;
                font-weight: 300;
            }

        .TitleThin p {
            font-size: 15pt;
            padding-top: 10px;
        }

        @media (max-width:1180px) {
            .BlockBlog {
                padding-bottom: 50px;
            }

            .BlockGray, .BlockYellow {
                font-size: 14pt;
            }

                .BlockGray img {
                    height: 20px;
                }

            .FooterLinks h4 {
                font-size: 20pt;
            }


            .Logo {
                max-height: 50px;
            }

            .TitleThin h2 {
                font-size: 30pt;
            }

                .TitleThin h2 span {
                    font-size: 24pt;
                }
        }

        @media (max-width: 984px) {
            .BlockReviews {
                padding: 25px 0px 25px 65px;
            }
        }

        @media (max-width: 767px) {

            .BlockPosition {
                top: 0;
            }

            ul.footerNav {
                text-align: left;
            }

                ul.footerNav li {
                    display: inline-block;
                    width: 100%;
                    padding: 0;
                }

                    ul.footerNav li a {
                        padding-left: 0px;
                        padding-right: 0px;
                    }

                    ul.footerNav li + li:before {
                        display: none;
                    }
        }

        .bx-wrapper {
            position: relative;
            margin: 0px auto;
            padding: 0;
            width: 100%;
            min-height: 200px;
        }

            .bx-wrapper .slide {
                padding: 0;
                margin: 0;
                display: block;
            }

            .bx-wrapper .testimonials-carousel-context {
                overflow: visible;
                text-align: left;
            }

            .bx-wrapper .testimonials-name {
                font-size: 18px;
                margin-bottom: 15px;
                color: #000000;
                font-weight: 400;
            }

            .bx-wrapper .testimonials-title {
                text-align: left;
                margin: 25px 15px 3px;
                font-size: 24px;
                line-height: 1;
            }

            .bx-wrapper span {
                font-size: 18px;
                display: block;
                padding-top: 10px;
            }

            .bx-wrapper .bx-viewport {
                padding: 10px;
                margin-left: 0;
                z-index: 1;
                width: 100%;
            }

            .bx-wrapper .bx-pager {
                text-align: left;
                font-size: .85em;
                font-weight: bold;
                color: #666;
                padding-top: 20px;
            }

                .bx-wrapper .bx-pager .bx-pager-item,
                .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
                    display: inline-block;
                    z-index: 9999;
                }

                .bx-wrapper .bx-pager.bx-default-pager a {
                    background: #666;
                    text-indent: -9999px;
                    display: block;
                    width: 10px;
                    height: 10px;
                    margin: 0 5px;
                    outline: 0;
                    -moz-border-radius: 5px;
                    -webkit-border-radius: 5px;
                    border-radius: 5px;
                }

                    .bx-wrapper .bx-pager.bx-default-pager a:hover,
                    .bx-wrapper .bx-pager.bx-default-pager a.active {
                        background: #000;
                    }

        /* ==================================
   Box hover effect
   ================================== */

        .view {
            border: solid 5px white;
            height: 100%;
            margin-top: -1px;
            overflow: hidden;
            position: relative;
            text-align: center;
            width: 100%;
            -webkit-box-shadow: 1px 1px 2px #e6e6e6;
            -moz-box-shadow: 1px 1px 2px #e6e6e6;
            box-shadow: 1px 1px 2px #e6e6e6;
            cursor: default;
        }

            .view .mask, .view .content {
                width: 100%;
                height: 100%;
                position: absolute;
                overflow: hidden;
                top: 0;
                left: 0;
                color: #fff;
            }

            .view img {
                display: block;
                position: relative;
            }

            .view h2 {
                text-transform: uppercase;
                color: #ffffff;
                text-align: center;
                background: #000000;
                padding: 5px;
                margin: 25px 0 0 0;
            }

            .view p {
                position: relative;
                color: #fff;
                padding: 5px 10px 0 10px;
                text-align: center;
            }

            .view a.info {
                font-weight: bold;
                display: inline-block;
                text-decoration: none;
                padding: 7px 14px;
                background: #fff;
                color: #000;
                text-transform: uppercase;
                -webkit-box-shadow: 0 0 2px #fff;
                -moz-box-shadow: 0 0 2px #fff;
                box-shadow: 0 0 2px #fff;
            }

                .view a.info :hover {
                    -webkit-box-shadow: 0 0 5px #fff;
                    -moz-box-shadow: 0 0 5px #fff;
                    box-shadow: 0 0 5px #fff;
                    background-color: #fff;
                    color: #000;
                }

        .view-sixth img {
            -webkit-transition: all 0.4s ease-in-out 0.5s;
            -moz-transition: all 0.4s ease-in-out 0.5s;
            -o-transition: all 0.4s ease-in-out 0.5s;
            -ms-transition: all 0.4s ease-in-out 0.5s;
            transition: all 0.4s ease-in-out 0.5s;
        }

        .view-sixth .mask {
            background-color: #000;
            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0;
            -webkit-transition: all 0.3s ease-in 0.4s;
            -moz-transition: all 0.3s ease-in 0.4s;
            -o-transition: all 0.3s ease-in 0.4s;
            -ms-transition: all 0.3s ease-in 0.4s;
            transition: all 0.3s ease-in 0.4s;
        }

        .view-sixth h2 {
            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0;
            background: transparent;
            margin: 30px 40px 0px 40px;
            -webkit-transform: scale(10);
            -moz-transform: scale(10);
            -o-transform: scale(10);
            -ms-transform: scale(10);
            transform: scale(10);
            -webkit-transition: all 0.3s ease-in-out 0.1s;
            -moz-transition: all 0.3s ease-in-out 0.1s;
            -o-transition: all 0.3s ease-in-out 0.1s;
            -ms-transition: all 0.3s ease-in-out 0.1s;
            transition: all 0.3s ease-in-out 0.1s;
        }

        .view-sixth p {
            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0;
            -webkit-transform: scale(10);
            -moz-transform: scale(10);
            -o-transform: scale(10);
            -ms-transform: scale(10);
            transform: scale(10);
            -webkit-transition: all 0.3s ease-in-out 0.2s;
            -moz-transition: all 0.3s ease-in-out 0.2s;
            -o-transition: all 0.3s ease-in-out 0.2s;
            -ms-transition: all 0.3s ease-in-out 0.2s;
            transition: all 0.3s ease-in-out 0.2s;
        }

        .view-sixth a.info {
            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0;
            -webkit-transform: translateY(100px);
            -moz-transform: translateY(100px);
            -o-transform: translateY(100px);
            -ms-transform: translateY(100px);
            transform: translateY(100px);
            -webkit-transition: all 0.3s ease-in-out 0.1s;
            -moz-transition: all 0.3s ease-in-out 0.1s;
            -o-transition: all 0.3s ease-in-out 0.1s;
            -ms-transition: all 0.3s ease-in-out 0.1s;
            transition: all 0.3s ease-in-out 0.1s;
        }

        .view-sixth:hover .mask {
            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            opacity: 1;
            -webkit-transition-delay: 0s;
            -moz-transition-delay: 0s;
            -o-transition-delay: 0s;
            -ms-transition-delay: 0s;
            transition-delay: 0s;
        }

        .view-sixth:hover img {
            -webkit-transition-delay: 0s;
            -moz-transition-delay: 0s;
            -o-transition-delay: 0s;
            -ms-transition-delay: 0s;
            transition-delay: 0s;
        }

        .view-sixth:hover h2 {
            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            opacity: 1;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            -webkit-transition-delay: 0.1s;
            -moz-transition-delay: 0.1s;
            -o-transition-delay: 0.1s;
            -ms-transition-delay: 0.1s;
            transition-delay: 0.1s;
        }

        .view-sixth:hover p {
            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            opacity: 1;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            -webkit-transition-delay: 0.2s;
            -moz-transition-delay: 0.2s;
            -o-transition-delay: 0.2s;
            -ms-transition-delay: 0.2s;
            transition-delay: 0.2s;
        }

        .view-sixth:hover a.info {
            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            opacity: 1;
            -webkit-transform: translateY(0px);
            -moz-transform: translateY(0px);
            -o-transform: translateY(0px);
            -ms-transform: translateY(0px);
            transform: translateY(0px);
            -webkit-transition-delay: 0.3s;
            -moz-transition-delay: 0.3s;
            -o-transition-delay: 0.3s;
            -ms-transition-delay: 0.3s;
            transition-delay: 0.3s;
        }

        /* ==================================
   Padding & Margins
   ================================== */

        .margin0 {
            margin: 0px;
        }

        .margin5 {
            margin: 5px;
        }

        .margin10 {
            margin: 10px;
        }

        .margin15 {
            margin: 15px;
        }

        .margin20 {
            margin: 20px;
        }

        .margin25 {
            margin: 25px;
        }

        .margin30 {
            margin: 30px;
        }

        .margin35 {
            margin: 35px;
        }

        .margin40 {
            margin: 40px;
        }

        .margin45 {
            margin: 45px;
        }

        .margin50 {
            margin: 50px;
        }

        .mt5 {
            margin-top: 5px;
        }

        .mt10 {
            margin-top: 10px;
        }

        .mt15 {
            margin-top: 15px;
        }

        .mt20 {
            margin-top: 20px;
        }

        .mt25 {
            margin-top: 25px;
        }

        .mt30 {
            margin-top: 30px;
        }

        .mt35 {
            margin-top: 35px;
        }

        .mt40 {
            margin-top: 40px;
        }

        .mt45 {
            margin-top: 45px;
        }

        .mt50 {
            margin-top: 50px;
        }


        .mb5 {
            margin-bottom: 5px;
        }

        .mb10 {
            margin-bottom: 10px;
        }

        .mb15 {
            margin-bottom: 15px;
        }

        .mb20 {
            margin-bottom: 20px;
        }

        .mb25 {
            margin-bottom: 25px;
        }

        .mb30 {
            margin-bottom: 30px;
        }

        .mb35 {
            margin-bottom: 35px;
        }

        .mb40 {
            margin-bottom: 40px;
        }

        .mb45 {
            margin-bottom: 45px;
        }

        .mb50 {
            margin-bottom: 50px;
        }

        .padding0 {
            padding: 0;
        }

        .padding5 {
            padding: 5px;
        }

        .padding10 {
            padding: 10px;
        }

        .padding15 {
            padding: 15px;
        }

        .padding20 {
            padding: 20px;
        }

        .padding25 {
            padding: 25px;
        }

        .padding30 {
            padding: 30px;
        }

        .padding35 {
            padding: 35px;
        }

        .padding40 {
            padding: 40px;
        }

        .padding45 {
            padding: 45px;
        }

        .padding50 {
            padding: 50px;
        }

        .pt5 {
            padding-top: 5px;
        }

        .pt10 {
            padding-top: 10px;
        }

        .pt15 {
            padding-top: 15px;
        }

        .pt20 {
            padding-top: 20px;
        }

        .pt25 {
            padding-top: 25px;
        }

        .pt30 {
            padding-top: 30px;
        }

        .pt35 {
            padding-top: 35px;
        }

        .pt40 {
            padding-top: 40px;
        }

        .pt45 {
            padding-top: 45px;
        }

        .pt50 {
            padding-top: 50px;
        }

        .pt55 {
            padding-top: 55px;
        }

        .pt60 {
            padding-top: 60px;
        }

        .pt65 {
            padding-top: 65px;
        }

        .pt70 {
            padding-top: 70px;
        }

        .pt75 {
            padding-top: 75px;
        }

        .pt80 {
            padding-top: 80px;
        }

        .pt85 {
            padding-top: 85px;
        }

        .pt90 {
            padding-top: 90px;
        }

        .pt95 {
            padding-top: 95px;
        }

        .pt100 {
            padding-top: 100px;
        }

        .pb5 {
            padding-bottom: 5px;
        }

        .pb10 {
            padding-bottom: 10px;
        }

        .pb15 {
            padding-bottom: 15px;
        }

        .pb20 {
            padding-bottom: 20px;
        }

        .pb25 {
            padding-bottom: 25px;
        }

        .pb30 {
            padding-bottom: 30px;
        }

        .pb35 {
            padding-bottom: 35px;
        }

        .pb40 {
            padding-bottom: 40px;
        }

        .pb45 {
            padding-bottom: 45px;
        }

        .pb50 {
            padding-bottom: 50px;
        }

        .pl5 {
            padding-left: 5px;
        }

        .pl10 {
            padding-left: 10px;
        }

        .pl15 {
            padding-left: 15px;
        }

        .pl20 {
            padding-left: 20px;
        }

        .pl25 {
            padding-left: 25px;
        }

        .pl30 {
            padding-left: 30px;
        }

        .pl35 {
            padding-left: 35px;
        }

        .pl40 {
            padding-left: 40px;
        }

        .pl45 {
            padding-left: 45px;
        }

        .pl50 {
            padding-left: 50px;
        }

        .pr5 {
            padding-right: 5px;
        }

        .pr10 {
            padding-right: 10px;
        }

        .pr15 {
            padding-right: 15px;
        }

        .pr20 {
            padding-right: 20px;
        }

        .pr25 {
            padding-right: 25px;
        }

        .pr30 {
            padding-right: 30px;
        }

        .pr35 {
            padding-right: 35px;
        }

        .pr40 {
            padding-right: 40px;
        }

        .pr45 {
            padding-right: 45px;
        }

        .pr50 {
            padding-right: 50px;
        }


        /* ==================================
   Cookie Control
   ================================== */


        .CookieControl {
            background-image: url(../img/cookie/cookie-opac.png);
            background-repeat: repeat;
            color: #000;
            padding: 20px 0;
        }

        .CookieButtonWrap {
            margin-top: 10px;
            float: left;
            width: 18%;
        }

        .CookieButton {
            -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
            -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
            box-shadow: inset 0px 1px 0px 0px #ffffff;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
            background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
            background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
            background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
            background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
            background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
            background-color: #f9f9f9;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px;
            border: 1px solid #dcdcdc;
            display: inline-block;
            cursor: pointer;
            color: #666666;
            font-size: 12px;
            font-weight: bold;
            padding: 8px 12px;
            text-decoration: none;
            text-shadow: 0px 1px 0px #ffffff;
            vertical-align: middle;
        }

            .CookieButton:hover {
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
                background: -moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
                background: -webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
                background: -o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
                background: -ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
                background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
                background-color: #e9e9e9;
            }

            .CookieButton:active {
                position: relative;
                top: 1px;
            }

        .CookieMessage {
            float: left;
            width: 78%;
            padding-right: 2%;
        }



        /* Bubble Slider */

        .bubble blockquote {
            margin: 10px 10px 0;
            padding: 60px;
            position: relative;
            border: none;
            border-radius: 8px;
            font-size: 1.25em;
            color: #3e153e;
            font-family: Georgia;
            position: relative;
            z-index: 20;
        }

        .bubble div {
            width: 0;
            height: 0;
            border-left: 0 solid transparent;
            border-right: 20px solid transparent;
            border-top: 20px solid #fff;
            margin: 0 0 0 60px;
            margin-bottom: 10px;
        }

        .bubble cite {
            padding-left: 20px;
            font-size: 1.25em;
            color: #f7f7f7;
        }

        @media (max-width: 500px) {
            .bubble blockquote {
                padding: 10px;
                text-align: justify;
                font-size: 1.1em;
            }
        }