/*
Theme Name: Oggi Stonecraft
Version: 1.0
Author: Web Wizards
*/

/*/////////////////////////////////////////////////////////////////////////////
    Fonts
/////////////////////////////////////////////////////////////////////////////*/
@font-face {  font-family: 'Dakota';  src: url('fonts/Dakota.eot');  src: url('fonts/Dakota.eot?#iefix') format('embedded-opentype'),       url('fonts/Dakota.woff2') format('woff2'),       url('fonts/Dakota.woff') format('woff'),       url('fonts/Dakota.ttf') format('truetype'),       url('fonts/Dakota.svg#Dakota') format('svg');  font-weight: normal;  font-style: normal;}
@font-face {
    font-family: 'champagne__limousinesBdIt';
    src: url('champagne__limousinesbolditalic-webfont.eot');
    src: url('champagne__limousinesbolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('champagne__limousinesbolditalic-webfont.woff') format('woff'),
         url('champagne__limousinesbolditalic-webfont.ttf') format('truetype'),
         url('champagne__limousinesbolditalic-webfont.svg#champagne__limousinesBdIt') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'champagne__limousinesregular';
    src: url('champagne_limousines-webfont.eot');
    src: url('champagne_limousines-webfont.eot?#iefix') format('embedded-opentype'),
         url('champagne_limousines-webfont.woff') format('woff'),
         url('champagne_limousines-webfont.ttf') format('truetype'),
         url('champagne_limousines-webfont.svg#champagne__limousinesregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'champagne__limousinesbold';
    src: url('champagne_limousinesbold-webfont.eot');
    src: url('champagne_limousinesbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('champagne_limousinesbold-webfont.woff') format('woff'),
         url('champagne_limousinesbold-webfont.ttf') format('truetype'),
         url('champagne_limousinesbold-webfont.svg#champagne__limousinesbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'champagne__limousinesitalic';
    src: url('champagne_limousines-italic-webfont.eot');
    src: url('champagne_limousines-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('champagne_limousines-italic-webfont.woff') format('woff'),
         url('champagne_limousines-italic-webfont.ttf') format('truetype'),
         url('champagne_limousines-italic-webfont.svg#champagne__limousinesitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*/////////////////////////////////////////////////////////////////////////////
    General
/////////////////////////////////////////////////////////////////////////////*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0px;
    padding: 0px;
    border: 0px;
    outline: 0px;
}

html {
    background: url(images/bg.gif) repeat;
    overflow-x: hidden !important;
}

body {

    background: url(images/bodybg.png) center 209px no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #3a3a3a;
}

p {
    margin: 10px 0px 10px 0px;
    line-height: 23px;
}

a {
    color: #da302b;
    text-decoration: none !important;
    -webkit-transition: color 1s ease-in-out;
    -moz-transition: color 1s ease-in-out;
    -o-transition: color 1s ease-in-out;
    transition: color 1s ease-in-out;
}

a:hover {
    color: #e97b79;
    -webkit-transition: color 1s ease-in-out;
    -moz-transition: color 1s ease-in-out;
    -o-transition: color 1s ease-in-out;
    transition: color 1s ease-in-out;
}

img {
    border: 0px;
}
i.fab {
    font-size: 30px;
    margin-right: 19px;
}

h1, h2 {
    margin: 0px 0px 20px 0px;
    font-family: 'champagne__limousinesregular', 'Century Gothic', Arial, Helvetica, sans-serif;
    font-size: 21px;
    font-weight: 300;
    line-height: 21px;
    color: #12a012;
}

    h1 span, h2 span {
        color: #fe0000;
    }

h3 {
    margin: 10px 0px;
    font-family: 'champagne__limousinesregular', 'Century Gothic', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 20px;
    color: #009900;
}

h4 {
    margin: 10px 0px;
    font-family: 'champagne__limousinesregular', 'Century Gothic', Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    color: #da302b;
}

h5 {
    margin: 10px 0px;
    font-family: 'champagne__limousinesbold', 'Century Gothic', Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 20px;
    color: #009900;
}

h6 {
    margin: 10px 0px;
    font-family: 'champagne__limousinesregular', 'Century Gothic', Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    color: #009900;
}

hr {
    margin-bottom: 10px;
    border: 0px;
    border-top: 1px dashed #ccc;
    clear: both;
}

.ngg-albumcontent .ngg-thumbnail {
    padding-right: 15px;
}

.slideshowlink {
    margin-bottom: 20px;
    font-size: 10px;
}

.clear {
    clear: both;
}

.alignleft {
    float: left;
    margin: 5px 10px 0px 0px;
}

.aligncenter {
    margin: 0px auto;
    display: block;
    text-align: center;
}

.alignright {
    float: right;
    margin: 5px 0px 0px 10px;
}

.postmetadata {
    color: #cc6600;
}

input, textarea, select, option, a {
    outline: none;
}

.video-left img, 
.video-right img  {
  width: initial;
	}

/*/////////////////////////////////////////////////////////////////////////////
    Layout
/////////////////////////////////////////////////////////////////////////////*/

#wrapper {
    position: relative;
    
    min-height: 0px;
    z-index: 1;
    width: 100%;
}

    #container {
        position: relative;
        left: 1px;
        max-width: 1006px;				width: 100%;		
        min-height: 0px;
        margin: 0px auto;
        z-index: 2;
    }

        #header {
            position: relative;
            max-width: 940px;			width: 100%;			
            height: 134px;
            z-index: 11;
        }

            #logo {
                position: absolute;
                top: 74px;
                left: 53px;
                width: 321px;
                height: 121px;
                z-index: -1;
            }

                #logo a {
                    position: relative;
                    width: 321px;
                    height: 121px;
                    display: block;
}

            #callustoday {
                position: absolute;
                top: 52px;
                right: 0px;
                width: 400px;
                height: 53px;
                font-family: 'champagne__limousinesregular', 'Century Gothic', Arial, Helvetica, sans-serif;
                font-size: 18px;
                font-weight: 300;
                line-height: 22px;
                text-align: right;
                color: #009900;
                z-index: -1;
            }
            
            #open7days {
                position: absolute;
                top: 47px;
                right: 275px;
                width: 265px;
                height: 63px;
                font-family: 'champagne__limousinesregular', 'Century Gothic', Arial, Helvetica, sans-serif;
                font-size: 25px;
                font-weight: 300;
                line-height: 39px;
                text-align: left;
                color: #fe0000;
                z-index: -1;
            }

            #primary_navigation {
                position: absolute;
                top: 0px;
                right: 0px;
                height: 35px;
                z-index: 14;
            }

        #slideshowcontent, #banner {
            position: relative;
            max-width: 900px;						width: 100%;
            height: 322px;
            padding: 0px 53px 16px 53px;
            background: url(images/slideshowbg.png) bottom left no-repeat;
            z-index: 2;
        }

            .slidecontent {
                position: absolute;
                top: 61px;
                left: 0px;
                width: 281px;
                height: 201px;
                padding: 30px 20px;
                margin: 0px auto;
                background: url(images/slidecontentbg.png) top left repeat;
                z-index: 6;
            }

        #banner {
            padding: 0px 53px !important;
            border: 15px solid #fff;
            margin: 0 auto;
            max-width: 864px !important;
        }

        #content, #pagecontent {
            position: relative;
            max-width: 900px;			width: 100%
            min-height: 290px;
            padding: 14px 53px 10px 53px;
            background:url(images/contentbg.png) top left repeat-y;
            z-index: 2;
        }

            #slogan {
                position: relative;
                max-width: 542px;
                
                margin: 0px auto 30px auto;
                display: block;
                font-size: 22px;				color: #009900;				font-family: 'Dakota';				font-weight:700;
                z-index: 3;
            }

            #pagecontent #slogan {
                padding: 30px 0px 0px 0px !important;
               
            }

            #ourproductssection, #welcometosectionandctas, #ourvideoandbusinessdetails {
                position: relative;
                float: left;
                min-height: 290px;
                z-index: 3;
            }

            #ourproductssection {
                  width: 17.8%;
                padding: 0px 0px 5px 0px;
            }

                .productimage {
                    position: relative;
                    width: 160px;
                    height: 145px;
                    display: block;
                    z-index: 4;
                }

                .productimagehover {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 160px;
                    height: 145px;
                    display: none;
                    z-index: 5;
                }

            #welcometosectionandctas {
                width: 45.4%;
                margin: 0px 32px;
            }

                #welcometosection {
                    position: relative;
                    width: 100%;
                    min-height: 421px;
                    margin: 0px 0px 35px 0px;
                    z-index: 4;
                }

                #showroomandgalleryctas {
                    position: relative;
                    width: 100%;
                    height: 142px;
                    margin: 0px;
                    z-index: 4;
                }
                
                .ngg-albumoverview img {
                    width: 75px;    
                }

                    .ctaimage {
                        position: relative !important;
                        width: 192px;
                        height: 142px;
                        display: block;
                        z-index: 5;
                    }

                    .ctaimagehover {
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        width: 192px;
                        height: 142px;
                        display: none;
                        z-index: 8;
                    }

            #ourvideoandbusinessdetails {
                width: 29.6%;
            }

                #ourvideo {
                    position: relative;
                    width: 266px;
                    height: 197px;
                    margin: 0px 0px 20px 0px;
                    z-index: 6;
                }

                    .videoimage {
                        position: relative;
                        width: 266px;
                        height: 156px;
                        display: block;
                        z-index: 7;
                    }

                    .videoimagehover {
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        width: 266px;
                        height: 156px;
                        display: none;
                        z-index: 8;
                    }

                #ourlocation {
                    position: relative;
                    width: 266px;
                    min-height: 0px;
                    margin: 0px 0px 20px 0px;
                    z-index: 6;
                }

                    #googlemapdiv {
                        position: relative;
                        width: 266px;
                        height: 143px;
                        z-index: 7;
                    }

                #tradinghours {
                    position: relative;
                    width: 266px;
                    min-height: 0px;
                    margin: 0px;
                    z-index: 6;
                }

            #ourproductsnavsection {
                position: relative;
                float: left;
                max-width: 22%;
                min-height: 0px;
                z-index: 3;
            }

                #ourproductsnav {
                    position: relative;
                    float: left;
                    max-width: 185px;
                    min-height: 0px;
                    padding: 0px 0px 0px 5px;
                    border-left: 5px #fe0000 solid;
                    z-index: 4;
                }

            #pagerightcol {
                position: relative;
                float: right;
                width: 75%;								
                min-height: 0px;
                z-index: 3;
            }

                #postsection {
                    position: relative;
                    width: 100%;
                    min-height: 0px;
                    margin: 0px;
                    z-index: 4;
                }

                    .searchtermarea {
                        position: relative;
                        width: 100%;
                        min-height: 0px;
                        padding: 0px 0px 10px 0px;
                        margin-bottom: 20px;
                        border-bottom: 1px #888 dashed;
                        z-index: 5;
                    }

                .news-item {
                    position: relative;
                    width: 100%;
                    min-height: 0px;
                    margin: 0 0 40px 0;
                    z-index: 4;
                }

                    .news-item a {
                        position: relative;
                        width: 100px;
                        min-height: 30px;
                        padding: 0 10px;
                        margin: 20px 0 0 0;
                        display: block;
                        background: #009900;
                        font-size: 15px;
                        line-height: 30px;
                        text-align: center;
                        color: #fff;
                        z-index: 4;
                        -webkit-border-radius: 5px;
                        -moz-border-radius: 5px;
                        -ms-border-radius: 5px;
                        -o-border-radius: 5px;
                        border-radius: 5px;
                        -webkit-transition: background 0.2s ease-in-out 0s;
                        -moz-transition: background 0.2s ease-in-out 0s;
                        -ms-transition: background 0.2s ease-in-out 0s;
                        -o-transition: background 0.2s ease-in-out 0s;
                        transition: background 0.2s ease-in-out 0s;
                    }

                    .news-item a:hover {
                        background: #13af13;
                    }

                .post-nav {
                    position: relative;
                    width: 50%;
                    min-height: 0px;
                    z-index: 4;
                }

                .post-nav.left {
                    float: left;
                }

                .post-nav.right {
                    float: right;
                    text-align: right;
                }

        #footer {
            position: relative;
            max-width: 950px;			width: 100%;			  -moz-box-sizing: border-box;			  -webkit-box-sizing: border-box;			  box-sizing: border-box;
            height: 37px;
            padding: 60px 28px 0px 28px;
            background: url(images/footerbg.png) top left no-repeat;
            z-index: 2;
        }

            #copyright {
                position: relative;
                float: left;
                height: 13px;
                padding: 6px 0px;
                font-size: 13px;
                line-height: 13px;
                color: #12a012;
                z-index: 3;
            }

            #webwizards-logo {
                float: right !important;
                width: 112px !important;
                height: 25px !important;
            }

/*/////////////////////////////////////////////////////////////////////////////
    Header
/////////////////////////////////////////////////////////////////////////////*/

#phonenumber {
    margin: 0px 0px 0px 5px;
}

/* Gallery */

.ngg-galleryoverview {
    margin: 0 !important;
    text-align: center;
}
.ngg-gallery-thumbnail-box {
    float: none !important;
    display: inline-block !important;
    margin-bottom: 20px !important;
    margin: 0 10px;
    width: 131px !important;
}
.ngg-gallery-thumbnail {
  margin: 0 !Important;
  width: 97% !Important;
}

#pagerightcol img {
  width: 100%;
  height: auto !Important;
}

/*/////////////////////////////////////////////////////////////////////////////
    Navigation
/////////////////////////////////////////////////////////////////////////////*/

#primary_navigation ul {
    float: right;
    border-bottom: 1px #fe0000 solid;
}

    #primary_navigation li {
        position: relative;
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        text-align: left;
        list-style: none;
    }

    #primary_navigation li:first-child {
        margin: 0px !important;
    }

        #primary_navigation li a {
            position: relative;
            height: 13px;
            padding: 12px 15px 10px 15px;
            display: block;
            background: transparent;
            font-family: 'champagne__limousinesregular', 'Century Gothic', Arial, Helvetica, sans-serif;
            font-size: 13px;
            font-weight: 300;
            line-height: 13px;
            text-transform: uppercase;
            color: #000;
            -webkit-transition: all 1s ease-in-out;
            -moz-transition: all 1s ease-in-out;
            -o-transition: all 1s ease-in-out;
            transition: all 1s ease-in-out;
        }

        #primary_navigation a:hover, #primary_navigation .current_page_item a, #primary_navigation .current_page_ancestor a {
            color: #009900;
            -webkit-transition: all 1s ease-in-out;
            -moz-transition: all 1s ease-in-out;
            -o-transition: all 1s ease-in-out;
            transition: all 1s ease-in-out;
        }

        #primary_navigation :hover > a, #primary_navigation ul ul :hover > a {
            color: #009900;
            -webkit-transition: all 1s ease-in-out;
            -moz-transition: all 1s ease-in-out;
            -o-transition: all 1s ease-in-out;
            transition: all 1s ease-in-out;
        }

            /*--second level------------------------------------------*/

            #primary_navigation ul ul :hover > a, #primary_navigation ul ul ul :hover > a {
                color: #009900;
            }

                #primary_navigation ul li ul {
                    position: absolute;
                    left: 0px;
                    width: 200px;
                    min-height: 0px;
                    padding: 10px;
                    background: #da302b;
                    visibility: hidden;
                    opacity: 0;
                    -webkit-transition: all 1s ease-in-out;
                    -moz-transition: all 1s ease-in-out;
                    -o-transition: all 1s ease-in-out;
                    transition: all 1s ease-in-out;
                }

                .ie #primary_navigation ul li ul {
                    width: 220px !important;
                    padding: 10px 0px !important;
                }

                    #primary_navigation ul ul li {
                        width: 200px;
                        margin: 5px 0px 0px 0px;
                    }

                    .ie #primary_navigation ul ul li {
                        padding: 0px 10px !important;
                    }

                    #primary_navigation ul ul li:first-child {
                        margin: 0px !important;
                    }

                        #primary_navigation ul ul li a {
                            width: 180px;
                            padding: 8px 10px;
                            background: #da302b !important;
                            color: #fff !important;
                            font-size: 14px;
                            line-height: 14px;
                        }

                        #primary_navigation ul ul li a, #primary_navigation ul ul .current_page_item ul li a {
                            background: #da302b !important;
                        }

                        #primary_navigation ul ul a:hover, #primary_navigation ul ul .current_page_item a, #primary_navigation ul ul .current_page_item a:hover, #primary_navigation ul ul .current_page_item ul .current_page_item a, #primary_navigation ul ul .current_page_ancestor a {
                            background: #d46663 !important;
                        }

                            /*--third level-------------------------------------------*/

                            #primary_navigation ul ul ul {
                                top: -10px;
                                left: 210px;
                                width: 200px;
                                min-height: 0px;
                                opacity: 0;
                                -webkit-transition: all 1s ease-in-out;
                                -moz-transition: all 1s ease-in-out;
                                -o-transition: all 1s ease-in-out;
                                transition: all 1s ease-in-out;
                            }

                            .ie #primary_navigation ul ul ul {
                                left: 220px !important;
                            }

                                #primary_navigation ul ul ul li a, #primary_navigation ul ul .current_page_parent ul li a {
                                    background: #da302b !important;
                                }

                                #primary_navigation ul ul ul a:hover, #primary_navigation ul ul ul .current_page_item a, #primary_navigation ul ul .current_page_parent ul li a:hover, #primary_navigation ul ul .current_page_parent ul .current_page_item a {
                                    background: #d46663 !important;
                                }

/*--show second level on first level hover----------------*/

#primary_navigation ul li:hover ul, #primary_navigation ul a:hover ul {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

/*--hide third level on second level hover----------------*/

#primary_navigation ul :hover ul ul {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

/*--show third level on second level hover----------------*/

#primary_navigation ul :hover ul :hover ul {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

/*/////////////////////////////////////////////////////////////////////////////
    Slideshow & Banner
/////////////////////////////////////////////////////////////////////////////*/

#slideshowcontent .bx-wrapper {
    position: relative;
    max-width: 900px !important;
    height: 322px;
    z-index: 3;
}

    #slideshowcontent .bx-window {
        position: relative;
        width: 900px !important;
        height: 322px;
        padding: 0px !important;
        margin: 0px !important;
        z-index: 4;
    }

        #homeslideshowimage, #homeslideshowimage li {
            position: relative;
            max-width: 900px !important;
            height: 322px;
            padding: 0px !important;
            margin: 0px !important;
            list-style: none;
            z-index: 5;
        }

/*-- Slide Content ----------------*/

#homeslideshowimage li h2 {
  margin: 0px 0px 5px 0px;
  font-size: 26px;
  line-height: 20px;
  color: #006c00;
}

#homeslideshowimage li h3 {
  margin: 0px 0px 8px 116px;
  font-size: 19px;
  line-height: 19px;
  color: #006c00;
}

#homeslideshowimage li p {
    margin: 10px 0px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #3a3a3a;
}

#homeslideshowimage li p:first-child {
    margin: 0px !important;
}

/*/////////////////////////////////////////////////////////////////////////////
    Content
/////////////////////////////////////////////////////////////////////////////*/

#ourproductssection ul {
    position: relative;
    margin: 0px;
    list-style: none;
}

    #ourproductssection li {
        position: relative;
        width: 160px;
        height: 145px;
        padding: 0px;
        margin: 19px 0px 0px 0px;
    }

        #ourproductssection li img {
            position: relative;
            width: 160px;
            height: 145px;
        }

#showroomandgalleryctas ul {
    position: relative;
    margin: 0px;
    list-style: none;
}

    #showroomandgalleryctas li {
        position: relative !important;
        width: 192px;
        height: 142px;
        padding: 0px;
        margin: 0px !important;
    }

        #showroomandgalleryctas li a img {
            position: relative;
            width: 190px;
            height: 140px;
            border: 1px #019501 solid;
        }

        #showroomandgalleryctas li a:hover img {
            border: 1px #fe0000 solid;
        }

#ourvideo ul {
    position: relative;
    margin: 0px;
    list-style: none;
}

    #ourvideo li {
        position: relative;
        width: 160px;
        height: 156px;
        padding: 0px;
        margin: 0px;
    }

        #ourvideo li img {
            position: relative;
            width: 266px;
            height: 156px;
        }

#ourlocation a img {
    border: 1px #019501 solid;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

#ourlocation a:hover img {
    border: 1px #fe0000 solid;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

/*/////////////////////////////////////////////////////////////////////////////
    Page Content
/////////////////////////////////////////////////////////////////////////////*/

#ourproductsnav h6 {
    margin: 0px;
    line-height: 13px;
}

#pagerightcol img {
    border: 2px #019501 solid;
}

/*-- Product Navigation ------------------------------------------*/

#ourproductsnav ul {
    margin: 0px 0px 30px 0px;
}

#lastul {
    margin: 0px !important;
}

    #ourproductsnav li {
        position: relative;
        margin: 0px;
        padding: 0px;
        text-align: left;
        list-style: none;
    }

        #ourproductsnav li a {
            position: relative;
            
            padding: 5px 0px;
            display: block;
            background: transparent;
            font-family: 'champagne__limousinesregular', 'Century Gothic', Arial, Helvetica, sans-serif;
            font-size: 13px;
            font-weight: 300;
            line-height: 13px;
            color: #888;
            -webkit-transition: all 1s ease-in-out;
            -moz-transition: all 1s ease-in-out;
            -o-transition: all 1s ease-in-out;
            transition: all 1s ease-in-out;
        }

        #ourproductsnav a:hover, #ourproductsnav .current_page_item a, #ourproductsnav .current_page_ancestor a {
            color: #fe0000;
            -webkit-transition: all 1s ease-in-out;
            -moz-transition: all 1s ease-in-out;
            -o-transition: all 1s ease-in-out;
            transition: all 1s ease-in-out;
        }

/*-- List Section ----------------*/

#pagerightcol ol, #pagerightcol ul {
    position: relative;
    margin: 10px 0px 10px 20px;
    list-style: none;
}

    #pagerightcol ul li {
        min-height: 12px;
        padding: 2px 0px 1px 24px;
        background: url(images/list.png) top left no-repeat;
        list-style: none;
        margin: 0px 0px 10px 0px;
        line-height: 12px;
    }

    .ie7 #pagerightcol ul li, .ie8 #pagerightcol ul li {
        padding: 0px 0px 0px 10px !important;
        background: none !important;
        list-style-image: url(images/list.png);
    }

    #pagerightcolt ol li {
        margin-bottom: 5px;
    }

/*-- Tables Section ----------------*/

#pagerightcol table {
    margin: 10px 0px;
    border-collapse: collapse;
    border-spacing: 0px;
}

    #pagerightcol thead td, #pagerightcol th {
        padding: 5px 10px;
        background: #da302b;
        text-align: center;
        color: #fff;
    }

    #pagerightcol td {
        padding: 5px 10px;
        background: #aaa;
        text-align: left;
        vertical-align: top;
        color: #fff;
    }

    #pagerightcol tbody .eventd {
        background: #8d8d8d;
    }

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
    position:relative !important;
    width: 695px;
    padding: 0px !important;
    display: block !important;
    clear: both !important; 
}

    .ie7 .ngg-gallery-thumbnail-box, ie8 .ngg-gallery-thumbnail-box {
        margin: 0px 0px 20px 20px !important;
    }

        .ngg-gallery-thumbnail {
            position: relative !important;
            padding: 2px !important;
            background: #019501 !important;
            transition: background 1s ease-in-out;
            -moz-transition: background 1s ease-in-out;
            -o-transition: background 1s ease-in-out;
            -webkit-transition: background 1s ease-in-out;
        }

        .ie7 .ngg-gallery-thumbnail, ie8 .ngg-gallery-thumbnail {
            margin: 0px !important;
        }

        .ngg-gallery-thumbnail:hover {
            background: #fe0000 !important;
            transition: background 1s ease-in-out;
            -moz-transition: background 1s ease-in-out;
            -o-transition: background 1s ease-in-out;
            -webkit-transition: background 1s ease-in-out;
        }

            .ngg-gallery-thumbnail img {
                position: relative;
                padding: 0px !important;
                margin: 0px auto !important;
                display: block !important;
                border: 0px !important;
            }

    .ngg-gallery-thumbnail span {
        display: none !important;
    }

.ngg-clear {
    clear: both !important;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
    margin: 0px 0px 0px 16px;
    display: block !important;
    text-align: center !important;
    clear: both !important;
}

    .ngg-navigation span {
        position: relative !important;
        width: 28px !important;
        height: 13px !important;
        margin-right: 8px !important;
        padding: 4px 0px !important;
        display: inline-block !important;
        background: url(images/paginationbutton.png) no-repeat !important;
        font-size: 12px !important;
        font-weight: bold !important;
        line-height: 13px !important;
        text-align: center !important;
        color: #009900 !important;
    }

    .ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev {
        position: relative !important;
        width: 28px !important;
        height: 13px !important;
        margin-right: 8px !important;
        padding: 3px 0px 2px 0px !important;
        display: inline-block !important;
        border: 0px !important;
        background: url(images/paginationbutton.png) no-repeat !important;
        font-size: 12px !important;
        font-weight: bold !important;
        line-height: 13px !important;
        text-align: center !important;
        text-decoration: none !important;
        color: #fff !important;
        transition: color 1s ease-in-out;
        -moz-transition: color 1s ease-in-out;
        -o-transition: color 1s ease-in-out;
        -webkit-transition: color 1s ease-in-out;
    }

    .ngg-navigation a.page-numbers:hover, .ngg-navigation a.next:hover, .ngg-navigation a.prev:hover, .ngg-navigation span.page-numbers:hover, .ngg-navigation span.next:hover, .ngg-navigation span.prev:hover {
        color: #fe0000 !important;
        transition: color 1s ease-in-out;
        -moz-transition: color 1s ease-in-out;
        -o-transition: color 1s ease-in-out;
        -webkit-transition: color 1s ease-in-out;
    }

/*-- Search and Paginate Section ----------------*/

.wp-paginate {
    margin: 0px 0px 10px 0px !important;
    float: right;
    left: 0px;
}

    .wp-paginate li {
        position: relative;
        float: left;
        margin: 0px 0px 0px 8px !important;
        list-style: none;
    }

        .wp-paginate li a {
            position: relative;
            width: 28px;
            height: 13px;
            padding: 4px 0px;
            display: block;
            background: url(images/paginationbutton.png) no-repeat;
            font-size: 12px;
            font-weight: bold;
            line-height: 13px;
            text-align: center;
            text-decoration: none;
            color: #fff;
            transition: color 1s ease-in-out;
            -moz-transition: color 1s ease-in-out;
            -o-transition: color 1s ease-in-out;
            -webkit-transition: color 1s ease-in-out;
        }

        .wp-paginate li a:hover {
            position: relative;
            width: 28px;
            height: 13px;
            padding: 4px 0px;
            display: block;
            background: url(images/paginationbutton.png) no-repeat;
            font-size: 12px;
            font-weight: bold;
            line-height: 13px;
            text-align: center;
            color: #fe0000 !important;
            transition: color 1s ease-in-out;
            -moz-transition: color 1s ease-in-out;
            -o-transition: color 1s ease-in-out;
            -webkit-transition: color 1s ease-in-out;
        }

        .wp-paginate .current {
            position: relative;
            width: 28px;
            height: 13px;
            padding: 4px 0px;
            display: block;
            background: url(images/paginationbutton.png) no-repeat;
            font-size: 12px;
            font-weight: bold;
            line-height: 13px;
            text-align: center;
            color: #009900 !important;
            transition: color 1s ease-in-out;
            -moz-transition: color 1s ease-in-out;
            -o-transition: color 1s ease-in-out;
            -webkit-transition: color 1s ease-in-out;
        }

/*-- Gravity Forms Section ----------------*/

.gform_wrapper ul {
    margin: 10px 0px 0px 0px !important;
    list-style: none !important;
}

    .gform_wrapper ul li {
        margin: 20px 0px !important;
        padding: 0px !important;
        list-style-image: none !important;
        background: none !important;
    }

        .gfield_required {
            color: #ff0000 !important;
            font-weight: lighter !important;
        }

        .ginput_container input {
            width: 240px;
            height: 15px !important;
            margin-top: 3px;
            padding: 6px 10px !important;
            border: 1px solid #c6c6c6;
            background: #c6c6c6;
            font-family: 'champagne__limousinesregular', 'Century Gothic', Arial, Helvetica, sans-serif;
            font-size: 12px !important;
            line-height: 15px !important;
            color: #333;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            transition: background 1s ease-in-out;
            -moz-transition: background 1s ease-in-out;
            -o-transition: background 1s ease-in-out;
            -webkit-transition: background 1s ease-in-out;
        }

        .ginput_container textarea {
            width: 428px !important;
            height: 120px !important;
            margin-top: 3px;
            padding: 6px 10px !important;
            border: 1px solid #c6c6c6;
            background: #c6c6c6;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px !important;
            line-height: 12px !important;
            color: #333;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            transition: background 1s ease-in-out;
            -moz-transition: background 1s ease-in-out;
            -o-transition: background 1s ease-in-out;
            -webkit-transition: background 1s ease-in-out;
        }

        .ginput_container input:focus, .ginput_container textarea:focus {
            background: #e0e0e0;
            transition: background 1s ease-in-out;
            -moz-transition: background 1s ease-in-out;
            -o-transition: background 1s ease-in-out;
            -webkit-transition: background 1s ease-in-out;
        }

        .gform_button {
            width: 100px !important;
            height: 27px;
            padding: 5px !important;
            border: none;
            background: #da302b !important;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            line-height: 12px;
            letter-spacing: 1px;
            color: #fff !important;
            cursor: pointer;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            transition: background 1s ease-in-out;
            -moz-transition: background 1s ease-in-out;
            -o-transition: background 1s ease-in-out;
            -webkit-transition: background 1s ease-in-out;
        }

        .gform_button:focus, .gform_button:hover {
            background: #e97b79 !important;
            transition: background 1s ease-in-out;
            -moz-transition: background 1s ease-in-out;
            -o-transition: background 1s ease-in-out;
            -webkit-transition: background 1s ease-in-out;
        }

        .gform_validation_container {
            display: none;
        }

/*-- Error Section ----------------*/

.validation_error {
    display: none !important;
}

    .gfield_error .gfield_label {
        color: #666 !important;
    }

    .gfield_error input, .gfield_error textarea {
        background: #ff0000 !important;
        border: 1px #ff0000 solid !important;
        color: #fff !important;
    }

    .gfield_error input:focus, .gfield_error textarea:focus {
        color: #fff !important;
    }

.validation_message {
    padding: 2px 0px 0px 0px !important;
    color: #ff7f7f !important;
}

/*/////////////////////////////////////////////////////////////////////////////
    The Footer
/////////////////////////////////////////////////////////////////////////////*/

#footer a {
    color: #12a012;
    text-decoration: none;
}

#footer a:hover {
    color: #51c751;
}

#copyright ul {
    list-style: none;
}

    #copyright ul li {
        float: left;
        margin: 0px 0px 0px 20px;
    }

    #copyright ul li:first-child {
        margin: 0px !important;
    }

        #backtotop {
            position: relative;
            padding-left: 16px;
            display: block;
            background: url(images/backtotop.png) no-repeat;
        }	

	.webwizards-res,
		#slogan-res,
		.phone-res,
		.product-res {
		    display: none;
		}
		.video-right {
		    float: right;
		    width: 49%;
		}
		.video-left {
		    float: left;
		    width: 49%;
		}
@media(max-width:1030px) {
	.alignleft, .alignright {
		float: none;
	}
	#showroomandgalleryctas {
		height: auto;
	}
	#open7days {
		display: none;
	}
	#banner {
		border: 0;
	}
	#slideshowcontent,
	#banner {
		padding: 0 0 16px;
		margin: 0 auto;
	}
	.slidecontent {
		left: 29px;
  	}
	#welcometosectionandctas {
		width: 43.4%;
		margin: 0px 32px;
  	}
}
@media(max-width:950px) {
    #welcometosectionandctas {
        width: 43.4%;
        margin: 0px 32px;
    }
}
@media(max-width:900px) {
    #content, #pagecontent {
        padding: 14px 10px 10px 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: #fff;
    }
    #primary_navigation li a {
        padding: 12px 5px 10px;
    }
    #welcometosectionandctas {
        width: 43.4%;
        margin: 0px 32px;
    }
    #showroomandgalleryctas {
        height: auto;
    }
    .alignleft,
    .alignright {
        float: none;
    }
}
@media(max-width:767px) {
    #logo {
        position: relative;
        top: 65px;
        margin: 0 auto;
        left: 0
    }
    #footer .webwizards-res a {
        display: block;
        padding-bottom: 20px;
    }
    .slidecontent {
      width: 85%;
      left: 0;
      margin: 0 auto;
      right: 0;
      padding-bottom: 3px;
    }
    #slideshowcontent {
        padding: 0;
    }
    #slogan-res {
        font-size: 22px;
        color: #009900;
        font-family: 'Dakota';
        margin: 0px auto 30px auto;
        font-weight: 700;
        display: block;
        padding: 0;
    }
    #ourproductssection,
    #welcometosectionandctas,
    #ourvideoandbusinessdetails {
        width: 100%;
        float: none;
        margin: 20px 0 0;
    }
    #content,
    #pagecontent {
        padding: 14px 10px 10px 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: #fff;
    }
    #ourproductssection ul {
        text-align: center;
    }
    #ourproductssection li {
        margin: 19px 5px 0px 0px;
        display: inline-block;
    }
    .alignleft,
    .alignright {
        float: none;
    }
    #showroomandgalleryctas li {
        display: inline-block;
        margin-right: 15px;
    }
    #showroomandgalleryctas ul {
        text-align: center;
    }
    #ourvideo,
    #ourlocation,
    #tradinghours {
        max-width: 266px;
        width: 100%;
        margin: 0 auto;
    }
    #tradinghours p {
        padding: 0 15px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #googlemapdiv,
    #googlemapdiv img,
    .evp-lightbox,
    #ourvideoandbusinessdetails .evp-lightbox img:first-child,
    #showroomandgalleryctas {
        width: 100% !important;
        height: auto;
    }
    #copyright ul li {
        display: none;
    }
    #copyright ul li:first-child {
        display: block;
    }
    #footer {
        height: auto;
        text-align: center;
        background: url(images/footerbg.png) center top no-repeat
    }
    #copyright {
        margin: 0 auto;
        max-width: 259px;
        float: none;
    }
    #footer a,
    #footer span {
        display: none;
    }
    .webwizards-res {
        margin-top: 15px;
        width: 100%;
        text-align: center;
        color: #12a012;
        font-size: 12px;
        display: block;
    }
    #wprmenu_bar {
        position: absolute !important;
        background: none !important;
        padding: 10px 5px !important;
        width: 100px !important;
    }
    .phone-res {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1000;
        padding: 10px 5px !important;
        display: block;
    }
    .menu_title {
        font-family: Arial, Helvetica, sans-serif;
    }
    .phone-res a {
  color: #009900;
  font-size: 20px;
  background: url(images/phone.png) no-repeat right center;
  padding-right: 26px;
  background-size: 24%;
  line-height: 20px;
    }
    #ourproductsnavsection {
        width: 100%;
        max-width: 100%;
    }
    #pagerightcol,
    #ourproductsnavsection {
        float: none;
    }
    #banner {
        padding: 0px 0px !important;
        border: 0;
        background-position: center !important;
        height: 105px;
    }
    #wprmenu_menu.top {
        top: 41px !important;
    }
    #wprmenu_menu.wprmenu_levels ul li a:hover {
        background: #f25d61;
    }
    #ourproductsnavsection h2,
    #ourproductsnav {
        display: none;
        margin-top: 20px;
    }
    .product-res {
        display: block !important;
        text-align: center;
    }
    .product-res a {
      color: #fff;
      padding: 10px 5px 10px 30px;
      background: url(images/menu-res.png) #21a621 no-repeat 5px center;
      float: left;
      width: 86%;
    }
    #ourproductsnav-res {} #wprmenu_menu.top {
        position: absolute !important;
    }
    #pagerightcol {
        margin-top: 20px;
    }
    #pagerightcol {
        width: 100%
    }
    h2.product-res {
        margin-top: 0 !important;   
    }
    .gform_body input[type="text"],
    .gform_body textarea {
        width: 100% !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .gform_body input[type="text"] {
        height: 25px !important;
    }
    #pagecontent #slogan {
        position: absolute;
      top: -72px;
      background: rgba(255, 255, 255, 0.6);
      padding: 0 !important;
      left: 0;
      right: 0;
      text-align: center;
      text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
      margin-bottom: 0;
    }
    	#logo {
	    text-align: center;
	}
	#logo img {
	      max-width: 80%;
	}
}
@media(max-width:321px) {
	.video-right, .video-left {
		float: none;
		text-align: center;
		width: 100%;
	}
	#ourproductssection li {
		width: 130px;
	}
	.productimage {
	  width: auto;
	}
	.productimagehover {
		width: auto;
	}
	#ourproductssection li img {
		width: 100%;
		height: auto;
	}
	#ourproductsnav {
	    width: 220px;
	}
	#ourproductsnav li a {
	      font-size: 16px;
        line-height: 20px;
	}
	#ourproductsnav h6 {
	    font-size: 20px;
	    margin-bottom: 20px;
	}
	.ngg-gallery-thumbnail-box {
	    width: 120px !important;
	}
}
@media(max-width: 321px) {
    #logo a, #logo a img, #logo {
        width: 100%;
    }
}