/*
Theme Name: Novelty
Theme URI: http://themeforest.net/user/bingumd/?ref=bingumd
Author: bingumd
Author URI: http://www.bingu.name
Description: Responsive Wordpress Theme
Version: 1.4
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: light
Text Domain: http://themeforest.net/user/bingumd/?ref=bingumd
*/


/* IMPORT STYLE
================================================== */
    @import url("css/prettyPhoto.css");
    @import url("css/icon.css");



/* RESET STYLE
================================================== */
    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: 0;
        padding: 0;
        border: 0;
        outline: 0;`
        font-size: 100%;
        vertical-align: baseline;
    }
    :focus{ outline: 0; }
    body{ line-height: 1; }
    ol, ul{ list-style: none; }
    table{ border-collapse: separate; border-spacing: 0; }
    caption, th, td{ text-align: left; font-weight: normal; }
    blockquote:before, blockquote:after,
    q:before, q:after { content: ""; }
    blockquote, q{ quotes: none; } 
    article, aside, details, figcaption, figure, footer, 
    header, hgroup, menu, nav, section{ display: block; }



/* TYPOGRAPHY
================================================== */
    h1{ margin-bottom: 20px; line-height: 30px; }
    h2{ margin-bottom: 18px; line-height: 23px; }
    h3{ margin-bottom: 10px; line-height: 20px; }
    h4{ margin-bottom: 10px; line-height: 18px; }
    h5{ margin-bottom:  8px; line-height: 16px; }
    h6{ margin-bottom:  5px; line-height: 16px; }

    h1, h2, h3, h4, h5, h6{ letter-spacing: 0.02em; }

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small{ 
        font-size: 60%; 
        line-height: 0; 
    }

    .title{ 
        margin-bottom: 8px;
        line-height: 18px; 
    }

    h1,
    .post-title{ text-transform: uppercase; }

    p{ margin-bottom: 15px; line-height: 20px; }
    * p:last-child{ margin-bottom: 0 !important; }

    strong{ 
        font-weight: 600;
        font-weight: 700;
    }
    em{ font-style: italic; }
    small{ font-size: 80%; }



/* LINKS
================================================== */
    a{ text-decoration: none; }
    a img{ border: none; }
    a > img{ vertical-align: bottom; }
    p a, p a:visited{ line-height: inherit; }



/* FORM
================================================== */
    input[type="text"], 
    input[type="email"], 
    textarea {
        padding: 10px;
        font-family: inherit; 
        font-weight: 400; 
        font-style: normal;
        overflow: auto;
    }



/* IMAGES
================================================== */
    img{ max-width: 100%; height: auto; }
    img.no-scale{ max-width: none; }

    img.alignleft{ margin-right: 25px; }
    img.alignright{ margin-left: 25px; }
    img.aligncenter{ margin-bottom: 25px; }

    iframe{ display: block; }



/* LISTS
================================================== */
    ul, ol, dl{ line-height: 20px;  margin-bottom: 20px; list-style-position: outside; }

    ul ul, ul ol{ margin-left: 20px; margin-bottom: 0; }
    ul.square, ul.circle, ul.disc, ul.numeric{ margin-left: 17px; }
    ul.square{ list-style-type: square; }
    ul.square ul{ list-style: inherit; }
    ul.circle{ list-style-type: circle; }
    ul.circle ul{ list-style: inherit; }
    ul.disc{ list-style-type: disc; }
    ul.disc ul{ list-style: inherit; }
    ul.numeric{ list-style-type: decimal; }
    ul.numeric ul{ list-style: inherit; }
    ul.large li{ line-height: 25px; }
    ol{ margin-left: 20px; }
    ol li ul, ol li ol{ margin-left: 20px; margin-bottom: 0; }

    .onordered li{ margin-bottom: 5px; }

    .unstyled > li{ margin-bottom: 7px; }



/* HR
================================================== */
    hr{ border: none; width: 100%; height: 1px;}
    [class*="divider"]{ 
        position: relative;
        width: 100%;
        height: 0;
    }
    .divider-double2{ height: 2px; }

    .divider-single{ 
        border-bottom-width: 1px;
        border-bottom-style: solid; 
    }
    .divider-double{ 
        border-bottom-width: 4px;
        border-bottom-style: double;
    }
    .divider-double2{ 
        border-top-width: 3px;
        border-bottom-width: 1px;
        border-top-style: solid;
        border-bottom-style: double;
    }
    
    .divider-image{ 
        height: 7px;
        background: url(images/divider.png) repeat-x bottom center;
    }
     


/* MEDIA
================================================== */
    [class*="flexible"]{ position: relative; overflow: hidden; height: 0; }

    .flexible-video{ padding-bottom: 56.25%; padding-top: 30px; }

    [class*="flexible"] iframe, 
    [class*="flexible"] object, 
    [class*="flexible"] embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/* ANIMATION
================================================== */
    a,  
    input[type="text"], 
    textarea, 
    input[type="submit"],
    .widget-post-icon{
        -webkit-transition: all 0.2s ease-in-out;
           -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
             -o-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
    }



/* MISC
================================================== */
    .clearfix{ *zoom: 1;
	 }
    .clearfix:before, .clearfix:after,
    #header:before, #header:after{ display: table; content: ""; line-height: 0; }

    .clearfix:after,
    #header:after{ clear: both; }

    .clear{ clear:both; }

    .alignleft{ float: left !important }
    .alignright{ float: right !important; }
    .aligncenter{ margin-left: auto; margin-right: auto; display: block; clear: both; }

    .text-left{ text-align: left; }
    .text-right{ text-align: right; }
    .text-center{ text-align: center; }

    .mb0 { margin-bottom:  0px !important; }
    .mb5 { margin-bottom:  5px !important; }
    .mb10{ margin-bottom: 10px !important; }
    .mb15{ margin-bottom: 15px !important; }
    .mb20{ margin-bottom: 20px !important; }
    .mb25{ margin-bottom: 25px !important; }
    .mb30{ margin-bottom: 30px !important; }
    .mb35{ margin-bottom: 35px !important; }
    .mb40{ margin-bottom: 40px !important; }
    .mb45{ margin-bottom: 45px !important; }
    .mb50{ margin-bottom: 50px !important; }
    .mb55{ margin-bottom: 55px !important; }
    .mb60{ margin-bottom: 60px !important; }
    .mb65{ margin-bottom: 65px !important; }
    .mb70{ margin-bottom: 70px !important; }
    .mb75{ margin-bottom: 70px !important; }
    .mb80{ margin-bottom: 70px !important; }

    .hide{ display: none !important; }

    .thumbnail{ position: relative; margin-bottom: 10px; }
    .thumbnail.alignleft{ margin: 0 10px 5px 0; }
    .thumbnail.alignright{ margin: 0 0 5px 10px; }

    /*#wrapper.boxed{ box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }*/


    #content-area.alignleft{ float: left !important;}
    #content-area.alignright{ float: right !important;}
    
    .fullwidthbanner-container{ overflow: inherit !important; }
    .tp-simpleresponsive img{ left: 0 !important; }

    .full-slider{ margin: -51px 0 60px 0; }




/*========================================================================= 
                              #TEMPLATE STYLES
==========================================================================*/



/* HEADER
==================================================*/
    

	
	/*#header.style3,
    #header.style10{ 
        border-top-width: 5px;
        border-top-style: solid;
    }*/

  
	
	
	
    .container.bb,
    .container.bb,
    .container.bb{ 
        border-bottom-style: solid;
        border-bottom-width: 1px;
        margin-bottom: 50px;
    }

    #header ul{ margin-bottom: 0; }

    
    /* #TOP AREA */
    #top-area{ 
        padding: 6px 0;
        overflow: hidden;
    }

    #header.style2 #top-area{ padding: 0px 0;
	  }

        #top-area ul.social{ 
            margin: 0;
            display: inline-block; 
        }

        #top-area ul.social li{ margin: 0; }
    
            #top-area ul.social a{ 
                border: none; 
                text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
            }
            #top-area ul.social a:hover{ background: none !important; }

    #top-area .top-text p{ margin: 7px 0 0 0; }

    #header.style4 #top-menu li,
    #header.style7 #top-menu li,
    #header.style8 #top-menu li{
        float: left;
        margin-right: 10px;
        padding-top: 7px;
    }


        /*LOGO*/
        #header .logo{ 
            margin: 50px 0;  
            line-height: 1px;
	 
        }

        #header.style6 .logo,
        #header.style7 .logo,
        #header.style8 .logo,
        #header.style9 .logo,
        #header.style10 .logo{ 
            float: left; 
            margin: 30px 0;
        }


        /* MENU */
        .res-menu{ 
            display: none; 
            padding: 20px;

            margin:0 auto;
            margin-top:14px;
            width:100%;
            text-align: left;

            -webkit-box-sizing: border-box; 
               -moz-box-sizing: border-box; 
                    box-sizing: border-box; 
        }

        .res-menu ul{ margin-left: 10px; }

        .res-menu ul a:before {
            content: "-";
            margin-right: 5px;
        }

        .res-menu li{ padding: 10px 0; }
        .res-menu li{ border-bottom: 1px solid transparent; }
        .res-menu > li > a{ text-transform: uppercase; }

        .res-menu > li:last-child,
        .res-menu ul li:last-child{ 
            border-bottom: none !important;
            padding-bottom: 0 !important;
        }


        #header nav{
            /*border-bottom-style: solid;
            border-top-style: solid;
            border-bottom-width: 1px;
            border-top-width: 1px;*/
            padding: 0px 0;
            margin-bottom: 7px;
        }

        #header.style8 nav,
        #header.style9 nav,
        #header.style10 nav{
            float: right;
            border: none !important;
            margin: 43px 0 0 0;
        }

        #menu{ 
            margin: 0;
            display: inline-block; 
        }
        #menu > li{
            list-style: none;
            float: left;
            position: relative;
        }
        #menu > li:hover {visibility: inherit;}
        #menu a{ display: block; }
        #menu > li > a{ 
            padding: 0 30px; 
            text-transform: uppercase;
        }

        #header.style8 #menu > li > a,
        #header.style9 #menu > li > a,
        #header.style10 #menu > li > a{ padding: 0; }

        #header.style8 #menu > li,
        #header.style9 #menu > li,
        #header.style10 #menu > li{ margin-left: 40px; }

        #menu ul{
            padding: 15px 15px 8px 15px;
            margin: 0;
            display: none;
            position: absolute;
        	width: 160px;
            text-align: left;
            border-width: 1px;
            border-style: solid;

            opacity: 0.98;
            filter:alpha(opacity=98);

            -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
               -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
                    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
        }

        #header.style8 #menu > li > ul,
        #header.style9 #menu > li > ul,
        #header.style10 #menu > li > ul{ left: 0; }

        #menu ul li { position: relative; }
        #menu ul li.menu-last{border-bottom: none;}

        #menu ul a{ 
            margin-bottom: 7px;
            padding-bottom: 7px;
            border-bottom-style: solid;
            border-bottom-width: 1px;
        }

        #menu ul li:last-child > a{
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
        }

        #menu li:hover {visibility: inherit;}
        #menu li:hover ul,
        #menu li.sfHover ul{
        	left: 15px;
        	top: 37px;
        	z-index: 99;
        }
        #menu li li:hover ul,
        #menu li li.sfHover ul{
        	left: 146px; 
        	top: -2px;
        }

        #menu ul a.sf-with-ul{
            position: relative;
        }
        #menu ul a.sf-with-ul:before{
            font-family:FontAwesome !important;
            font-weight:normal !important;
            font-style:normal !important;
            content: "\f105";
            position: absolute;
            right: 0;
            top: 0;
        }


    /* HEADER SEARCH */
    #header.style6 #search,
    #header.style7 #search{
        float: right;
        margin-top: 45px;
        max-width: 200px;
        width: 100%;
    }

    #header.style6 #search input,
    #header.style7 #search input{
        width: 100%;
        webkit-box-sizing: border-box; 
          -moz-box-sizing: border-box; 
               box-sizing: border-box; 
    }



/* SOCIAL
================================================== */
    .social li{
        float: left;
        margin: 0 2px 2px 0;
    }
    .social a{
        font-size: 16px;
        height: 33px;
        line-height: 34px;
        width: 33px;
        display: block;
        text-align: center;
        border-width: 1px;
        border-style: solid;

        -webkit-border-radius: 2px;
           -moz-border-radius: 2px;
            -ms-border-radius: 2px;
                border-radius: 2px;
    }

    .social-youtube{ font-size: 20px !important; }



/* FLEXISLIDER
==================================================*/

    .flex-pauseplay span {text-transform: capitalize;}
    .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
    html[xmlns] .slides {display: block;} 
    * html .slides {height: 1%;}
    .no-js .slides > li:first-child {display: block;}
    .flex-disabled{ opacity: 0.2; }
    .flex-direction-nav{ margin: 0; }

    .flexslider{ position: relative; }
    .flexslider.loader{
        height:50px;
        background: url('images/loader.gif') no-repeat center center;
    }

    .flexslider ul{ margin: 0; }
    .flexslider .slides > li {
        position: relative;
        display: none; 
        -webkit-backface-visibility: hidden;
    }
    .flexslider .slides img{ width: 100%; display: block;}
    .flex-pauseplay span{ text-transform: capitalize;}
    .slides:after{
        content: "."; 
        display: block; 
        clear: both; 
        visibility: hidden; 
        line-height: 0; 
        height: 0;
    } 
    html[xmlns] .slides{ display: block; } 
    * html .slides{ height: 1%; }
    .no-js .slides > li:first-child{ display: block; }



    .flexslider .flex-direction-nav a{
        position: absolute; 
        bottom: 15px;  
        height: 30px;
        width: 30px;
        text-align: center;
        line-height: 32px;
        opacity: 0.9;
        
        -webkit-border-radius: 3px;
                border-radius: 3px;
    }
    .flexslider .flex-direction-nav a:hover{ opacity: 1; }

    .flex-direction-nav a:before{ 
        font-size: 14px;
        font-family: 'FontAwesome'; 
    }
    .flex-direction-nav a.flex-next:before{ content: "\f054"; }
    .flex-direction-nav a.flex-prev:before{ content: "\f053"; }
    .flex-direction-nav a.flex-next{ right: 15px; }
    .flex-direction-nav a.flex-prev{ right: 47px; }

    .flexslider h5{
        bottom: 15px;
        left: 15px;
        margin-bottom: 0;
        position: absolute;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
        text-transform: uppercase;
        width: 70%;
    }


    /* FLEXSLIDER SHADOW */
    .flexslider.shadow:before{
        content: "";
        width: 100%;
        height: 60px;
        position: absolute;
        bottom: -60px;
        background: url(images/shadow.png) no-repeat  0 0 / 100% auto ;
    }



/* PAGE TITLE
==================================================*/
    .page-title{ 
        margin-bottom: 25px; 
        position: relative;
    }

    .page-title:before {
        content: "";
        height: 7px;
        margin-top: -3px;
        position: absolute;
        top: 50%;
        width: 100%;
        background: url("images/divider.png") repeat-x scroll center center;
    }

        .page-title h1,
        .page-title h2,
        .page-title h3,
        .page-title h4,
        .page-title h5,
        .page-title h6{
            display: inline-block;
            line-height: inherit;
            margin-bottom: 0;
            padding-right: 15px;
            position: relative;
        }


        body.archive .without .page-title h3,
        body.search-results .without .page-title h3{ padding-left: 15px; }
        body.archive .page-title.up{ text-transform: uppercase; }



/* LATEST POST
================================================== */
    .latest-post .flex-direction-nav a{
        height: 40px;
        line-height: 41px;
        top: 50%;
        margin-top: -20px;
        opacity: 0.7;
        right: 10px;
    }
    .latest-post .flex-direction-nav a.flex-prev{ left: 10px; }

    .latest-post-content{  margin-top: 15px; }
    .no-thumbnail .latest-post-content{ margin-top: 0; }

    .latest-post .span3 .flexible-video{ padding-bottom: 51.25%; }
    .latest-post .span4 .flexible-video{ padding-bottom: 55.25%; }
    .latest-post .span6 .flexible-video{ padding-bottom: 58.25%; }

    .post-center{ text-align: center; }



/* PORTFOLIO
==================================================*/
    .portfolio-items{margin: 0 -5px !important }
    .portfolio-item-wrapper{ overflow: hidden; }

    .portfolio-items article [class*="icon"]{ margin: 0; }
    .portfolio-items article{ 
        line-height: 0; 
        position: relative;
    }

    .portfolio-items article *{
        -webkit-transition: all 0.3s linear;
           -moz-transition: all 0.3s linear;
            -ms-transition: all 0.3s linear;
             -o-transition: all 0.3s linear;
                transition: all 0.3s linear;

    }

    .portfolio-items[class*="col"] article{
        float: left;
        padding: 0 5px 10px;

        webkit-box-sizing: border-box; 
          -moz-box-sizing: border-box; 
               box-sizing: border-box; 
    }

    .portfolio-items.col1 article{
        float: none;
        margin: 0 0 20px 0;
    }

    
    .portfolio-items.col2 article{ width: 49.9%; }
    .portfolio-items.col3 article{ width: 33.333%; }
    .portfolio-items.col4 article{ width: 24.9%; }

    
    .portfolio-items.col1 img{ width: 100%; }


    /*PORTFOLIO FILTRABLE*/
    #filtrable{ 
        margin: 0;
        float: right; 
        position: relative;
        z-index: 1;
    }
    #filtrable li{ 
        float: left; 
        line-height: 14px;
    }
    #filtrable a{ padding-left: 15px; }


    .page-title.position-center{ text-align: center; }
    #filtrable.position-center{ 
        display: inline-block; 
        float: none; 
        padding: 0 20px; 
    }
    #filtrable.position-center li a{ padding: 0 10px }



    /* PORTFOLIO CONTEXT */
    .portfolio-context{ 

        zoom: 1;

        opacity: 0;
        filter:alpha(opacity=0);

        position: absolute;
        padding: 10%; 
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;

        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);

        webkit-box-sizing: border-box; 
          -moz-box-sizing: border-box; 
               box-sizing: border-box;                 
    }

    html.csstransforms .portfolio-items article.thumb-zoom .portfolio-context{ 
        -webkit-transform: scale(0.1);
           -moz-transform: scale(0.1);
            -ms-transform: scale(0.1);
             -o-transform: scale(0.1);
                transform: scale(0.1);            
    }


        .portfolio-context h2{ 
            font-size: 14px;
            display: inline-block;
            text-transform: uppercase;
            position: relative;
            margin-bottom: 0px;
        }

        .portfolio-context p{ font-size: 11px; }

        .p-link{
            display: block;
            height: 30px;
            width: 30px;
            line-height: 29px;
            text-align: center;
            position: absolute;
            bottom: 15%;
            right: 10%;
            font-size: 14px;
            border: 2px solid transparent;
            -webkit-border-radius: 50px;
               -moz-border-radius: 50px;
                -ms-border-radius: 50px;
                    border-radius: 50px;
        }
        .p-link i{ padding-top: 1px; }


    /* PORTFOLIO HOVER */
    .portfolio-items article:hover img{
        opacity: 0.1;
        filter:alpha(opacity=10);
    }

    .portfolio-items article.thumb-zoom:hover img{
        -webkit-transform: rotate(5deg) scale(1.5);
           -moz-transform: rotate(5deg) scale(1.5);
            -ms-transform: rotate(5deg) scale(1.5);
             -o-transform: rotate(5deg) scale(1.5);
                transform: rotate(5deg) scale(1.5);
    }

    
    .portfolio-items article:hover .portfolio-context{
        opacity: 1;
        filter:alpha(opacity=1);
    }
    html.csstransforms .portfolio-items article.thumb-zoom:hover .portfolio-context{
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
            -ms-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }


    /* PORTFOLIO SINGLE */
    .portfolio-single{ margin-bottom: 50px; }
    .portfolio-center{ margin-top: -51px; }
    .portfolio-center.mt26{ margin-top: -26px; }

    .portfolio-single-items{ 
        position: relative;
        margin-bottom: 50px; 
    }

    .portfolio-single-items.on-shadow:before{
        content: "";
        width: 100%;
        height: 60px;
        position: absolute;
        bottom: -58px;
        left: 0;
        background: url(images/shadow.png) no-repeat  0 0 / 100% auto ;
    }

    .portfolio-right .portfolio-single-items.on-shadow:before,
    .portfolio-left .portfolio-single-items.on-shadow:before{ background: url(images/shadow.png) no-repeat  top center / 95% auto ; }


    .loader .portfolio-single-items:before{
        background: none !important;
    }

    .portfolio-single .divider{ margin: 30px 0; }

    .portfolio-single p{ line-height: 22px; }

    .portfolio-single ul.p-info {
        border-width: 1px;
        border-style: solid;
        display: inline-block;
        margin: 20px 0 0;
        padding: 15px 20px;
        -webkit-box-sizing: border-box; 
           -moz-box-sizing: border-box; 
                box-sizing: border-box;
    }  

    .portfolio-center.portfolio-single ul.p-info li{ 
        border-right-width: 1px;
        border-right-style: solid;
        float: left;
        padding: 0 20px;
    }
    
    .portfolio-left.portfolio-single ul.p-info li,
    .portfolio-right.portfolio-single ul.p-info li{ 
        margin-bottom: 5px
    }

    .portfolio-left.portfolio-single ul.p-info,
    .portfolio-right.portfolio-single ul.p-info{ 
        padding: 15px 20px 10px 20px;
    }



    .portfolio-single ul.p-info li:last-child{ border-right: none !important; }

    .portfolio-single h1{ 
        margin-bottom: 15px;
        padding-bottom: 15px;
        text-transform: uppercase; 
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

    .p-full-link{
        display: block;
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        z-index: 1000;
        top: 0;
        left: 0;

        background-color: rgba(204,204,204,0.01);
    }



    .portfolio-single-link{
        margin-bottom: 25px;
        padding-bottom: 20px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }
    
    .portfolio-single-link .spacer{ padding: 0 10px; }



    /*ISTOPE*/
    .isotope-hidden.isotope-item{
        pointer-events: none;
        z-index: 1;
    }
    .isotope, .isotope .isotope-item{
        -webkit-transition-duration: 0.6s;
        -moz-transition-duration: 0.6s;
        -ms-transition-duration: 0.6s;
        -o-transition-duration: 0.6s;
        transition-duration: 0.6s;
        z-index: 2;
    }
    .isotope {
        -webkit-transition-property: height, width;
        -moz-transition-property: height, width;
        -ms-transition-property: height, width;
        -o-transition-property: height, width;
        transition-property: height, width;
    }
    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: top, left, opacity;
        -o-transition-property: top, left, opacity;
        transition-property: transform, opacity;
    }



/* DATE
================================================== */
    .date-icon-wrapper{
        float: left;
        margin-right: 15px;
    }

    /*DATE*/
    div.date{
        height: 40px;
        width: 40px;
        line-height: 0;
        text-align: center;
    }
    div.date span{ display: block;}
    div.date span.month{
        margin-bottom: 13px;
        padding-top: 14px;
    }



/* #META
==================================================*/
    .meta{
        margin-bottom: 15px;
        position: relative;
    }



/* READ MORE
================================================== */
    .readmore{ 
        display: inline-block;
    }
    .read{
        display: block;
        line-height: 16px !important;
    }

    .readmore i{ margin-left: 5px; }



/* PAGINATION
==================================================*/
    #page-nav{ 
        text-align: center;
        padding-top: 25px;
        margin-top: 25px;
        border-top-width: 1px;
        border-top-style: solid;  
    }

        #page-nav ul{
            margin: 0;
            display: inline-block;
        }

        #page-nav ul li{
            display: inline-block;
            margin-right: 2px;
        }

        #page-nav a{
            width: 25px;
            height: 25px;
            line-height: 25px;
            display: block;
            text-align: center;
        }

        #page-nav a.current{ cursor: auto; }


    .blog-block + #page-nav{ margin-top: 60px !important; }

    .mb60 #page-nav{ margin-top: 60px; }



/* BREADCRUMBS
==================================================*/
    #crumbs{ margin: -50px 0 50px 0; }
    #crumbs .container{
        padding: 20px 0;
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }
    #crumbs i{ margin: 0 5px; }



/* 404 PAGE
================================================== */
    .page-404{ 
        text-align: center;
        margin-bottom: 70px; 
    }
    .page-404 #search input{ 
        width: 60%;
        margin-top: 30px;
    }
    .page-404 h1{ 
        margin: 20px 0; 
        line-height: inherit;
    }
    .page-404 h1,
    .page-404 h3{ text-transform: uppercase; }



/* BLOCKQUOTE
================================================== */
    blockquote{
        margin-bottom: 20px;
        padding: 15px;
        line-height: 22px;
        border-left-width: 3px;
        border-left-style: solid;
    }



/* #TESTIMONIALS
=================================================== */
    .testimonials{
        position:relative;
        width: 100%;
        border-width: 1px;
        border-style: solid;

        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
    }


        .testimonial-texts, 
        .testimonial-author{ padding: 20px; }

        .testimonial-author{ padding-top: 0; }
        .testimonial-texts{ padding-bottom: 0; }

        .testimonial-texts, 
        .testimonial-texts p {margin: 0 0 10px}

        .testimonial-texts p:last-child{
            margin-bottom: 10px !important;
            padding-bottom: 10px;
            border-bottom-style: solid;
            border-bottom-width: 1px; 
        }

        .testimonial-author i{ margin-right: 5px; }



/* # OVERLAY
===================================================*/
    .overlay{
        display: inline-block;
        background-color: #fff;
        overflow: hidden;
        position: relative;
    }

    .overlay *{
        -webkit-transition: all 0.3s linear;
           -moz-transition: all 0.3s linear;
            -ms-transition: all 0.3s linear;
             -o-transition: all 0.3s linear;
                transition: all 0.3s linear;
    }



        .overlay i{
            position: absolute;
            width: 30px;
            height: 30px;
            line-height: 31px;
            top: 50%;
            left: 50%;
            margin-left: -15px;
            margin-top: -15px;
            font-size: 30px;
            color: #fff;

            opacity: 0;
            filter:alpha(opacity=0);

            -webkit-transform: scale(0.1);
               -moz-transform: scale(0.1);
                -ms-transform: scale(0.1);
                 -o-transform: scale(0.1);
                    transform: scale(0.1);
        }

        .overlay:hover img{
            opacity: 0.4;
            filter:alpha(opacity=40);

            -webkit-transform: rotate(5deg) scale(1.5);
               -moz-transform: rotate(5deg) scale(1.5);
                -ms-transform: rotate(5deg) scale(1.5);
                 -o-transform: rotate(5deg) scale(1.5);
                    transform: rotate(5deg) scale(1.5);
        }

        .overlay:hover i{
            opacity: 1;
            filter:alpha(opacity=1);

            -webkit-transform: scale(1);
               -moz-transform: scale(1);
                -ms-transform: scale(1);
                 -o-transform: scale(1);
                    transform: scale(1);
        }



/* #WELCOME
====================================================*/
    .welcome{ text-align: center; }
    
        .welcome h1,
        .welcome h2,
        .welcome h3,
        .welcome h4,
        .welcome h5,
        .welcome h6{ text-transform: uppercase; }



/* #SITEMAP
=====================================================*/
    ul.sitemap-list{ margin-bottom: 50px; }

        ul.sitemap-list li{
            position: relative;
            margin-bottom: 6px;
            padding-bottom: 6px;
            border-bottom: 1px solid #f8f8f8;
        }

        ul.sitemap-list li:before{
            content:"\f105";
            font-size: 11px;
            margin-right: 10px;
            font-family:FontAwesome;
            font-weight:normal;
            font-style:normal;
        }

            ul.sitemap-list li a{ overflow: hidden; }



/* #CLIENT
================================================== */
    .client div{ 
        border-style: solid;
        border-width: 1px;
        margin-right: -1px;
        margin-top: -1px;
        text-align: center;
        padding: 0 15px;
        float: left;
        position: relative;
        webkit-box-sizing: border-box; 
          -moz-box-sizing: border-box; 
               box-sizing: border-box; 
    }

    .client.col2 > div{ width: 50% }
    .client.col3 > div{ width: 33.333% }
    .client.col4 > div{ width: 25% }
    .client.col5 > div{ width: 20% }
    .client.col6 > div{ width: 16.6666% }



/* FEATURES
================================================== */
    .features{
        padding: 25px;
        text-align: center;
        border-width: 1px;
        border-style: solid;

        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;

        -webkit-transition: all 0.5s ease-in-out;
           -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
             -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
    }

    .features:hover{
        -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
                box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1)
    }

        .features i{ 
            font-size: 30px; 
            display: block;
        }

        .features h3,
        .features i{ margin-bottom: 20px; }

        .features p{ line-height: 20px; }



/* BLOG
================================================== */
    .blog-post-wrapper{
        margin-bottom: 60px;
        padding-bottom: 60px;
        background: url(images/divider.png) repeat-x bottom center;
    }
    .blog-post-wrapper.last{ 
        margin-bottom: 0;
        padding-bottom: 0;
        background: none;
        border-bottom: none;
    }
    .single-post.last{ border-bottom: none; }

    .blog-post-wrapper .meta{ margin: -10px 0 20px 0; }
    .blog-post-wrapper .meta span{ margin-right: 15px; }
    .blog-post-wrapper .meta i{ margin-right: 5px; }

    
    .blog-post-wrapper .post-title,
    .blog-post-wrapper p{ margin-bottom: 20px; }

    .blog-post-wrapper p{ line-height: 22px; }

    .single-post .tagcloud{ margin-top: 25px; }
    .single-post .tagcloud a{ font-size: 11px; }

    .single-post .tagcloud .icon-tag {
        float: left;
        font-size: 16px;
        margin-right: 15px;
        margin-top: 3px;
    }

    .blog-block.standart article:last-child{ 
        border-bottom: none; 
        padding-bottom: 10px;
    }


    #content-area.without .aq-block-bmd_blog_block,
    #content-area.without-single,
    body.search-results #content-area.without,
    body.category #content-area.without,
    body.archive #content-area.without,
    body.tag  #content-area.without{
        max-width: 713px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        float: none;
		    }

    .single-post + #respond{
        margin-top: 60px;
    }

    .sticky {}



    #content-area.without-single{ text-align: left; }



/* COMMENTS
================================================== */
    .comm-wrapper{ margin: 60px 0; }



    ol.commentlist{ margin: 0; }
    ol.commentlist li{
        margin-bottom: 10px;
        border-style: solid;
        border-width: 1px;
        padding: 15px;

        -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.02);
                box-shadow: 0 1px 5px rgba(0, 0, 0, 0.02);

        -webkit-border-radius: 2px;
           -moz-border-radius: 2px;
                border-radius: 2px;
    }
    ol.commentlist li.last{
        margin-bottom: 0;
        padding-bottom: 0;
        border: none;
    }
    ol.commentlist .comment-avartar{
        float: left;
        margin-right: 30px;
    }
    ol.commentlist .comment-head{ 
        position: relative; 
        border-bottom: 1px solid #F0F0F0;
        margin-bottom: 10px;
        padding-bottom: 5px;
    }



    ol.commentlist ul.children{ padding-left: 50px; }


    .comment-nav a{ 
        font-size: 10px;
        font-weight: 700; 
    }

    .comment-content-wrapper{ overflow: hidden; }
    .comment-head span{
        font-size: 11px;
        display: inline-block;
        padding-right: 5px; 
    }


    #reply-title{ margin-bottom: 0; }
    #reply-title a{
        position: relative;
        z-index: 1;
        padding: 5px 15px;
        margin-left: -5px;
    }


    #respond{ margin-bottom: 50px; }
    .comm-wrapper #respond{ margin-top: 25px; }


    #commentform input[type="text"]{ width: 300px; }
    #commentform textarea{
        width: 100%;
        height: 200px;
        margin-bottom: 15px;
        webkit-box-sizing: border-box; 
          -moz-box-sizing: border-box; 
               box-sizing: border-box; 
    }

    #commentform fieldset{ margin-bottom: 5px; }



/* GOOGLE MAP
================================================== */
    .flexible-map{ overflow: inherit; }
    .flexible-map .map_canvas {
        width: 100%;
        height: 100%;
    }
    .flexible-map img{ max-width: none }
    .flexible-map.shadow:before{
        content: "";
        width: 100%;
        height: 60px;
        position: absolute;
        bottom: -60px;
        background: url(images/shadow.png) no-repeat  0 0 / 100% auto ;
    }



/* #SEARCH PAGE
================================================== */
    .search-meassage{
        margin-bottom: 60px;
    }



/* #TEAM
================================================== */
    .team img{ margin-bottom: 15px; }
    .team h3{ margin-bottom: 0px; }
    .team p.team-function{
        margin-bottom: 8px;
    }
    .team .team-social{ 
        border-top-style: solid;
        border-top-width: 1px;
        padding-top: 10px; 
    }
    .team .team-social a{ padding-right: 10px; }



/* # PRICE TABLE BLOCK
================================================== */
.pricetable-wrapper {
    border-width: 1px;
    border-style: solid;

    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 7px rgba(0, 0, 0, 0.05);
}
.pricetable-wrapper ul { 
    margin: 0; 
    text-align: center;
}


    /* PRICE TABLE TITLE */
    .pricetable-wrapper li.pricetable-title h3{
        padding: 20px 0;
        margin: 0;
    }


    /* PRICE TABLE PRICE */
    .pricetable-wrapper .pricetable-price{
        padding: 20px 0;
        color: #ffffff;
        margin-bottom: 20px;
    }

    .pricetable-wrapper .pricetable-price h3{;
        line-height: 40px;
        color: #ffffff;
        margin-bottom: 0;
    }
    .pricetable-wrapper .pricetable-price span {  display: block; }



    /* PRICE TABLE ITEM */
    .pricetable-wrapper li.pricetable-item{ 
        margin: 0;
        padding: 0 20%;
    }

    .pricetable-wrapper li.pricetable-item span{
        margin-bottom: 7px;
        padding-bottom: 7px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        display: block;
    }

    .pricetable-wrapper li.pricetable-item:last-child span{ border-bottom: none; }


    .pricetable-wrapper li.pricetable-button{ padding: 13px 0 15px 0; }










/* SIDEBAR
==================================================*/
    #sidebar{ margin-bottom: 50px; }

        #sidebar .widget{ margin-bottom: 70px; }
        #sidebar .widget:last-child{ margin-bottom: 0 !important; }
        #sidebar ul{ margin-bottom: 0; }


        /* WIDGET TITLE */
        #sidebar .page-title{ margin-bottom: 15px; }
        #sidebar h3,
        #sidebar .tab-header li{ text-transform: uppercase; }


        #sidebar .widget-comment{ margin-top: 5px; }

    
        /* SEARCH FORM */
        #sidebar #search input[type="text"]{ 
            padding: 10px 15px; 
            width: 87%;
        }

        .widget-context.comm_link{ line-height: 18px; }



/* CONATCT FORM
================================================== */
    .wpcf7-form input[type="text"]{
        width: 60%;
        max-width: 300px;
    }
    .wpcf7-form textarea{ 
        width: 96%; 
        height: 100px;
    }
    .wpcf7-form p{ margin-bottom: 10px; }
    div.wpcf7-response-output{ padding: 10px !important; }



/* FOOTER
==================================================*/
    #footer{ 
        position: relative;
        /*padding-top: 10px;
		padding-bottom: 20px;*/
        line-height: 18px;
        /*border-top-style: solid;
        border-top-width: 5px;*/
		background-image: url(https://www.mairie-ingwiller.eu/wp-content/themes/novelty/images/footer-v2ing-1.png);
		background-position:center;
		background-repeat:no-repeat;
    } 
    #footer [class*="span"]{ padding-bottom: 0px; }  
    #footer ul{ margin: 0; } 


#footer p{ 
        
		color:#FFFFFF;
    }
    #footer h3{ 
        text-transform: uppercase;
        margin-bottom: 10px !important;
    }

    #footer a{ text-shadow: 0 1px 1px rgba(0,0,0,0.3) }

    #footer .widget{ margin-bottom:140px;margin-top:30px; margin-left:20px;margin-right:30px;}

    #footer li{ margin-bottom: 10px; }

    #footer .widget-post-icon,
    #footer #search input{ 
        border-style: solid;
        border-width: 1px;
    }


    #footer .wpcf7-form textarea{ 
        box-shadow: none;
        height: 60px; 
        width: 90%
    }
    #footer .wpcf7-form input[type="text"] {
        box-shadow: none;
        padding: 10px;
        width: 90%;
    }

    #footer .wpcf7-form textarea,
    #footer .wpcf7-form input[type="text"]{
        border-width: 1px;
        border-style: solid;
    }

    #footer .wpcf7-form p{ margin-bottom: 5px; }
    #footer .wpcf7-form .button{ margin-top: -5px; }

    #footer .tagcloud a{ border: none !important; }



/*========================================================================= 
                            #WIDGET GENERAL STYLE
==========================================================================*/
    
    /*POST*/
    .post-widget{ margin-bottom: 20px; }
    * .post-widget:last-child{ margin-bottom: 0; }
    .post-widget{ margin-bottom: 15px; }
    .widget-text{ overflow: hidden; }
    .widget-thumbnail{ float: left; margin-right: 15px; }
    .widget-comment{ display: block; margin-top: 2px; }


    /*POST ICON*/
    .widget-post-icon{ 
        width: 53px;
        height: 53px;
        line-height: 53px;
        float: left;
        text-align: center;
        font-size: 18px;
        text-shadow: none;
        border-style: solid;
        border-width: 1px;
        -webkit-border-radius: 2px;
           -moz-border-radius: 2px;
            -ms-border-radius: 2px;
                border-radius: 2px;

    }



/* #TWITTER
=========================================================================*/
    .twitter-widget li{ margin-bottom: 20px !important; }
    .twitter-widget li:last-child{ margin-bottom: 0 !important; }
    .twitter-widget .tweet_time{ display: block; }



/* #FLICKR
=========================================================================*/
    .flickr-widget{ margin: 0 -3px !important; }

        .flickr-widget li{
            width: 33.33333%; 
            margin: 0 !important;
            padding: 0 3px 6px 3px; 
            float: left;
            line-height: 0;

            -webkit-box-sizing: border-box; 
               -moz-box-sizing: border-box; 
                    box-sizing: border-box; 
        }

        .flickr-widget li *{
            -webkit-transition: all 0.3s linear;
               -moz-transition: all 0.3s linear;
                -ms-transition: all 0.3s linear;
                 -o-transition: all 0.3s linear;
                    transition: all 0.3s linear;
        }

            .flickr-widget li a{
                position: relative;
                display: block;
                overflow: hidden;
            }

                .flickr-widget li a:hover img{
                    opacity: 0.3;
                    filter:alpha(opacity=0.3);

                    -webkit-transform: rotate(5deg) scale(1.5);
                       -moz-transform: rotate(5deg) scale(1.5);
                        -ms-transform: rotate(5deg) scale(1.5);
                         -o-transform: rotate(5deg) scale(1.5);
                            transform: rotate(5deg) scale(1.5);
                }


                .flickr-widget li a i{
                    position: absolute;
                    display: block;
                    width: 20px;
                    height: 20px;
                    line-height: 20px;
                    text-align: center;
                    left: 50%;
                    top: 50%;
                    margin-left: -10px;
                    margin-top: -10px;
                    font-size: 22px;
                    color: #fff;

                    opacity: 0;
                    filter:alpha(opacity=0);

                    -webkit-transform: scale(0);
                       -moz-transform: scale(0);
                        -ms-transform: scale(0);
                         -o-transform: scale(0);
                            transform: scale(0);
                }

                .flickr-widget li a:hover i{
                    opacity: 1;
                    filter:alpha(opacity=100);

                    -webkit-transform: scale(1);
                       -moz-transform: scale(1);
                        -ms-transform: scale(1);
                         -o-transform: scale(1);
                            transform: scale(1);
                }



/* #SIDEBR TAB
================================================== */
    .tab-header{ 
        margin-bottom: 20px !important; 
        padding-bottom: 20px;
        background: url(images/divider.png) repeat-x bottom center;
    }
    .tab-header li{
        float: left;
        margin-right: 15px;
        cursor: pointer;
        position: relative;
    }
    .tab-header li.last{margin-right: 0;}

    .tab-context{ display:none; }
    .tab-context.visible{ display: block;}


    .widget.widget_categories li,
    .widget.widget_archive li{
        position: relative;
        margin-bottom: 6px;
        padding-bottom: 6px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

    .widget.widget_categories li:before,
    .widget.widget_archive li:before{
        content: "\f105";
        margin-right: 7px;
        font-size: 10px;
        font-family:FontAwesome;
        font-weight:normal;
        font-style:normal;
    }


    .tagcloud a{
        display: block;
        float: left;
        line-height: 14px;
        padding: 5px 7px;
        margin: 0 3px 3px 0;

        border-style: solid;
        border-width: 1px;

        -webkit-border-radius: 2px;
           -moz-border-radius: 2px;
            -ms-border-radius: 2px;
                border-radius: 2px;
    }



    #sidebar .menu{ display: block; }
    #sidebar .menu li{ 
        margin-right: 0;
        float: none; 
        padding-bottom: 7px;
        margin-bottom: 7px;
        text-transform: none;
        border-bottom: 1px solid #eeeeee;
    }
    #sidebar .menu a{ 
        padding: 0; 
        margin: 0; 
        line-height: inherit; 
        height: inherit;
    }
    #sidebar .menu a:hover{ background: none !important; }



/* COPYRIGHT AREA
==================================================*/
    .copyright-area{ 
        /*border-top-width: 1px;*/
        border-top-style: solid; 
        padding: 1px 0; 
        text-align: center;
    }



/*======================================================================== 
                            #SHORTCODE
=========================================================================*/



/* BUTTON
================================================== */
    .button,
    #button{
        border-width: 1px;
        border-style: solid;
        cursor: pointer;
        text-align: center;
        padding: 8px 25px;
        display: inline-block; 
        margin-bottom: 5px;
        text-shadow: 0 1px 1px rgba( 0, 0, 0, 0.2);

        -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset;
           -mox-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset;
                box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset;
    }

    .button.small{ padding: 5px 15px; }
    .button.large{ padding: 14px 38px; font-size: 15px;}

    .button i{ margin-right: 7px; }



/* TAB
================================================== */
    .tab-nav{ margin: 0; }
    .tab-block .ui-tabs-hide{
        position: absolute;
        left: -9999px;
    }

    .tab-nav li{
        float: left;
        position: relative;
        z-index: 10;
        margin-right: -1px;
        border-top: 3px solid transparent; 
    }
        
    .tab-nav li a{
        border-width: 1px;
        border-style: solid;
        border-bottom: none;
        display: block;
        overflow: hidden;
        padding: 10px 15px;
    }

    .tab-nav li.ui-tabs-active a{
        border-top-width: 3px;
        border-top-style: solid;
    }


    .tab-nav li.ui-tabs-active{
        position: relative;
        z-index: 11;
    }

    .tab-content{ 
        position: relative;
        margin-top: -2px;
        padding: 15px;
        display: none; 
        border-width: 1px;
        border-style: solid;
        z-index: 10;
    }
    .tab-content.first-child { 
        position: relative; 
        left: 0;
    }



/* TOGGLES & ACCORDION
===================================================*/
    .toggle-block,
    .accordion-block{
        margin-bottom: 5px;
        position: relative; 
        border-width: 1px; 
        border-style: solid;
    }

    .toggle-block div.arrow,
    .accordion-block div.arrow{ 
        width: 14px;
        height: 14px;
        line-height: 14px;
        font-size: 11px;
        position: absolute;
        right: 15px;
        top: 13px
    }

    .toggle-block p.tab-head,
    .accordion-block p.tab-head { 
        margin: 0;
        padding: 10px 15px;
    }

    .toggle-block .tab-body,
    .accordion-block .tab-body { 
        display: none;
        overflow: hidden;
        padding: 0 15px 15px 15px;
        -webkit-border-bottom-right-radius: 3px;
         -webkit-border-bottom-left-radius: 3px;
            -moz-border-radius-bottomright: 3px;
             -moz-border-radius-bottomleft: 3px;
                border-bottom-right-radius: 3px;
                border-bottom-left-radius: 3px;
    }

    .toggle-block .tab-body.open,
    .accordion-block .tab-body.open{ display: block; }


    .toggle-block p [class*='icon'],
    .accordion-block p [class*='icon']{ margin-right: 7px; font-size: 12px !important;}

    .tab-head{ cursor: pointer; }



/* ALERT BOX
==================================================*/
    .alert{
        line-height: 20px;
        padding: 15px;
        margin-bottom: 20px;

        border-width: 1px; 
        border-style: solid;

        -webkit-border-radius: 2px;
           -moz-border-radius: 2px;
            -ms-border-radius: 2px;
                border-radius: 2px;
    }

        .alert-content{ overflow: hidden; }

            .alert [class*="icon-"]{
                float: left;
                font-size: 14px;
                margin: 3px 10px 0 0;
            }

            .alert strong{ margin-right: 5px; }


/* #Tooltip
================================================== */
    .tipsy{
        padding: 5px;
        font-size: 11px; 
        opacity: 0.75; 
        filter: alpha(opacity=75); 
        background-repeat: no-repeat;  
        background-image: url(images/tipsy.gif);
    }

    .tipsy-inner{
        padding: 10px; 
        background-color: black; 
        color: white; 
        max-width: 200px; 
        text-align: center;

        -webkit-border-radius: 2px;
           -moz-border-radius: 2px;
                border-radius: 2px;
    }
    .tipsy-north{ background-position: top center; }
    .tipsy-south{ background-position: bottom center; }
    .tipsy-east{ background-position: right center; }
    .tipsy-west{ background-position: left center; }




.wp-caption, 
.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor{}

/* #header1 + erwannfest
================================================== */


.contener_slideshow
{
  width:960px;
  height:211px;
  overflow: hidden;
  position: relative;
  background-image: url(https://www.mairie-ingwiller.eu/wp-beta2015ingw/wp-content/themes/novelty/images/front.png);
  z-index:1;
}
.slid_1, .slid_2, .slid_3
{
  position: absolute;
  width:960px;
  height:211px;
  z-index:0;
}
.slid_1{left: 0;}
.slid_2{left: 960px;}
.slid_3{left: 1920px;}
.contener_slide
{
  width: 1920px;
  height: 211px;
  left:0px;
  position: absolute;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-name: anim_slide;
  -moz-animation-duration: 10s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-name: anim_slide;
  -ms-animation-duration: 10s;
  -ms-animation-iteration-count:infinite;
  -ms-animation-name: anim_slide;
  animation-duration: 10s;
  animation-iteration-count:infinite;
  animation-name: anim_slide;
  z-index:0;
}
@-webkit-keyframes anim_slide 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-960px;}
  45% {left:-960px;}
  66% {left:-1920px;}
  90% {left:-1920px;}
}
@-moz-keyframes anim_slide 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-960px;}
  45% {left:-960px;}
  66% {left:-1920px;}
  90% {left:-1920px;}
}
@-ms-keyframes anim_slide 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-960px;}
  45% {left:-960px;}
  66% {left:-1920px;}
  90% {left:-1920px;}
}
@keyframes anim_slide 
{
  0% {left:0px;}
  22% {left:0px;}
  33% {left:-960px;}
  45% {left:-960px;}
  66% {left:-1920px;}
  90% {left:-1920px;}
}

/* #header2 + header3 pour le #front erwannfest
================================================== */



#front{
position: relative;
	z-index:2;
	height: auto;
  width: 100%;
  top: 0px;
}

#cf {
  position:relative;
  height:100%;
  width:100%;
  margin:0 auto;
  z-index:1;
  
}

#crossfade > img { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 30s linear infinite 0s;
    -moz-animation: imageAnimation 30s linear infinite 0s;
    -o-animation: imageAnimation 30s linear infinite 0s;
    -ms-animation: imageAnimation 30s linear infinite 0s;
    animation: imageAnimation 30s linear infinite 0s; 
}

#crossfade > img:nth-child(2)  { 
    background-image: url(../image/slide2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
#crossfade > img:nth-child(3) { 
    background-image: url(../image/slide2.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
#crossfade > img:nth-child(4) { 
    background-image: url(../image/slide1.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
#crossfade > img:nth-child(5) { 
    background-image: url(../image/slide2.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }

	}


/* event  ©erwannfest
================================================== */

#tribe-events-content{
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 2px;
}



#tribe-events-pg-template{
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 2px;
}