/*
 Theme Name:   Fdesouche 2014
 Theme URI:    http://www.fdesouche.com
 Description:  Fdesouche 2014
 Author:       Fdesouche
 Author URI:   http://www.fdesouche.com
 Version:      1.0.0
 Template:     hottopix
*/

html {
    overflow-x: hidden;
    overflow-y: scroll;
}

body {
    color: #444444;
    font: normal 100% helvetica, arial, sans-serif;
    line-height: 100%;
    margin: 0 auto;
    padding: 0;
    /*background: url('images/bg.jpg') center 0 no-repeat fixed;*/
    background-size: cover;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    -webkit-backface-visibility: hidden;
}

img {
    max-width: 100%;
    height: auto;
}

iframe,
embed,
object,
video {
    max-width: 100%;
}


/************************************************
	Hyperlinks
************************************************/

a, a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active,
a:focus {
    outline: none;
}

body #logo-wrapper a {
    display: block;
    width: 362px;
}

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

#site {
    float: left;
    width: 100%;
}

#wrapper {
    margin: 0 auto;
    position: relative;
    width: 1000px;
    z-index: 5;
}

.breaker {
    clear: both;
}

.right, .alignright {
    float: right;
}

.left, .alignleft {
    float: left;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}

.section-div {
    border-bottom: 1px dotted #ccc;
    float: left;
    margin: 20px 0;
    width: 100%;
}

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

#header-wrapper {
    float: left;
    position: relative;
    width: 100%;
}

#top-header-wrapper {
    background: #fff;
    float: left;
    overflow: hidden;
    width: 998px;
    height: 34px;
    background: rgba(255,255,255,0.9);
    border-bottom: 1px solid rgba(0,0,0,0.2);
    border-left: 1px solid rgba(0,0,0,0.2);
    border-right: 1px solid rgba(0,0,0,0.2);
}

#header-wrapper .compteur {
    float: left;
    padding: 12px 10px 8px 10px;
    font: 400 10px/16px 'Oswald', serif;
    text-transform: uppercase;
    color: #c0c0c0;
}

#header-wrapper .compteur .live {
    position: relative;
    float: left;
    top: -2px;
    margin-right: 10px;
}

#header-wrapper .compteur .total {
    float: left;
}

#header-wrapper .compteur span {
    margin-left: 2px;
    font-weight: bold;
    position: relative;
    color: #8F8F8F;
    letter-spacing: 0.05em;
}

#header-wrapper .compteur img {
    height: 12px;
    vertical-align: top;
    opacity: 0.5;
}

#header-wrapper #fds-live-counter {
    font-size: 13px;
    color: #8F8F8F;
}

#top-nav {
    float: left;
    max-width: 705px;
}

#top-nav ul {
    display: inline;
}

#top-nav ul li {
    display: inline;
    float: left;
}

#top-nav ul li a,
#top-nav ul li a:visited {
    float: left;
    font: 400 12px/12px 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #aaaaaa;
    padding: 12px 9px 9px 9px;
    text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.1);
}

#top-nav ul li a:hover {
    text-decoration: none;
}

#top-nav ul li:hover a,
#top-nav ul li:hover a:visited {
    background: #eee;
}

#top-nav ul li ul {
    display: none;
}


/************************************************
	Leaderboard
************************************************/

#leader-wrapper {
    float: left;
    margin-top: 15px;
    overflow: hidden;
    text-align: center;
    width: 100%;
    height: 90px;
}

#ad-970 {
    display: inline-block;
    max-width: 970px;
    height: 90px;
}

#ad-728 {
    display: inline-block;
    max-width: 728px;
    height: 90px;
}

#ad-320 {
    display: none;
    width: 320px;
    height: 50px;
}

#leader-small {
    float: right;
    margin: 15px 0;
    overflow: hidden;
    text-align: center;
    width: 728px;
    height: 90px;
}

/************************************************
	Main Navigation
************************************************/

#nav-wrapper {
    float: left;
    margin-bottom: 20px;
    position: relative;
    width: 1000px;
    height: 40px;
    z-index: 2000;
}

ul.main-nav {
    display: inline;
    float: left;
    max-width: 840px;
    height: 40px;
    overflow: hidden;
    position: relative;
}

ul.main-nav:hover {
    overflow: visible;
}

ul.main-nav li {
    color: #fff;
    display: inline;
    float: left;
    position: relative;
    -moz-transition: background .1s;
    -ms-transition: background .1s;
    -o-transition: background .1s;
    -webkit-transition: background .1s;
    transition: background .1s;
}

ul.main-nav li,
ul.main-nav li a {
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    -o-transition: background .2s;
    -ms-transition: background .2s;
    transition: background .2s;
}

ul.main-nav li a {
    color: #fff;
    float: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
    padding: 12px 9px;
}

ul.main-nav li:hover,
ul.main-nav li a:hover,
ul.main-nav li.current-menu-item,
ul.main-nav li.current-post-parent {
    text-decoration: none;
}

ul.main-nav li ul {
    background: url(images/featured-bg.png);
    display: block;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: 40px;
    left: 0;
    -moz-transition: max-height .4s;
    -ms-transition: max-height .4s;
    -o-transition: max-height .4s;
    -webkit-transition: max-height .4s;
    transition: max-height .4s;
    width: 170px;
}

ul.main-nav li:hover ul {
    display: block;
    max-height: 500px;
}

ul.main-nav li:hover #nav-wrapper {
    overflow: visible;
}

ul.main-nav li:hover ul:hover {
    overflow: visible;
}

ul.main-nav li ul li {
    display: block;
    float: left;
    margin: 0 10px;
    position: relative;
    width: 150px;
}

ul.main-nav li ul li:first-child {
    margin-top: 10px;
}

ul.main-nav li ul li:last-child {
    margin-bottom: 10px;
}

ul.main-nav li ul li a {
    font-size: 12px;
    font-weight: 700;
    line-height: 100%;
    padding: 8px;
    width: 134px;
}

ul.main-nav li:hover ul li ul {
    background: none;
    display: none;
    max-height: 0;
    position: absolute;
    top: 0;
    left: 150px;
    -moz-transition: 0;
    -ms-transition: 0;
    -o-transition: 0;
    -webkit-transition: 0;
    transition: 0;
    width: 150px;
}

ul.main-nav li ul li ul li {
    margin: 0 !important;
    width: 150px;
}

ul.main-nav li:hover ul li:hover ul {
    display: block;
    max-height: 300px;
}

.fixed {
    -ms-box-shadow: 0 4px 11px -5px #000;
    -moz-box-shadow: 0 4px 11px -5px #000;
    -o-box-shadow: 0 4px 11px -5px #000;
    -webkit-box-shadow: 0 4px 10px -3px #000;
    box-shadow: 0 4px 10px -3px #000;
    position: fixed !important;
}

#nav-mobi {

    display: none;
    float: left;
    overflow: hidden;
}

#nav-mobi select {
    border: 1px solid #2d2f31;
    border-radius: 3px;
    color: #fff;
    float: left;
    margin: 5px 10px;
    padding: 0 30px 0 5px;
    width: 385px;
    height: 30px;
    -webkit-appearance: none !important;
}

#main-search {
    float: right;
    overflow: hidden;
    width: 160px;
}

#searchform {
    background: url(images/search-bg.png);
    float: right;
    padding-right: 10px;
    position: relative;
}

#searchform input {
    background: url(images/search.png) no-repeat right;
    border: 0;
    color: #ddd;
    float: right;
    font: 400 12px/12px 'Open Sans', sans-serif;
    margin: 0;
    padding: 14px;
    height: 12px;
    width: 100px;
}

#searchform #search-button {
    border: none;
    float: left;
}

#searchform #s:focus {
    outline: none;
}

/************************************************
	News Ticker
************************************************/

#ticker-wrapper {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 40px;
    z-index: 12;
    background: #eee;
    -ms-box-shadow: 0 2px 7px -3px #000;
    -moz-box-shadow: 0 2px 7px -3px #000;
    -o-box-shadow: 0 2px 7px -3px #000;
    -webkit-box-shadow: 0 2px 7px -3px #000;
    box-shadow: 0 2px 7px -3px #000;
}

h3.ticker-header {
    background: url(images/ticker-bg.png) no-repeat right center;
    color: #fff;
    float: left;
    font: 700 20px/20px 'Oswald', sans-serif;
    max-width: 155px;
    height: 20px;
    padding: 10px 25px 10px 20px;
    text-transform: uppercase;
}

ul.ticker {
    display: block;
    float: left;
    max-width: 800px;
    height: 40px;
    overflow: hidden;
}

ul.ticker li {
    display: block;
    float: left;
    margin: 12px 15px 10px;
    overflow: hidden;
    width: 100%;
    height: 18px;
}

ul.ticker li h2 a {
    color: #777;
    float: left;
    font: 400 16px/16px 'Open Sans', sans-serif;
}

/************************************************
	Homepage
************************************************/

#main {
    float: left;
    position: relative;
    width: 100%;
    background: #fff url(images/white-noise.gif);
    -moz-box-shadow: 0 20px 150px -40px #000;
    -ms-box-shadow: 0 20px 150px -40px #000;
    -o-box-shadow: 0 20px 150px -40px #000;
    -webkit-box-shadow: 0 20px 150px -40px #000;
    box-shadow: 0 20px 150px -40px #000;
}

#content-wrapper {
    float: left;
    position: relative;
    width: 100%;
}

#featured-main {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 400px;
    z-index: 11;
    background: #000;
    -ms-box-shadow: 0 2px 7px -3px #000;
    -moz-box-shadow: 0 2px 7px -3px #000;
    -o-box-shadow: 0 2px 7px -3px #000;
    -webkit-box-shadow: 0 2px 7px -3px #000;
    box-shadow: 0 2px 7px -3px #000;
}

#featured-main .main-excerpt,
#featured-main .main-excerpt * {
    color: white !important;
}

#featured-main a:hover,
.cat-dark-top a:hover,
.carousel-wrapper a:hover {
    text-decoration: none;
}

.main-story {
    float: left;
    overflow: hidden;
    position: relative;
    width: 57%;
    height: 400px;
}

.main-story img {
    float: left;
    opacity: .8;
    margin-left: -25px;
    min-width: 620px !important;
    -moz-transition: opacity .4s;
    -ms-transition: opacity .4s;
    -transition: opacity .4s;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
}

.main-story:hover img {
    opacity: .5;
}

.main-story-shade {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.main-story-shade:before {
    content: '';
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
    -moz-box-shadow: 0 0 300px 5px #000 inset;
    -ms-box-shadow: 0 0 300px 5px #000 inset;
    -o-box-shadow: 0 0 300px 7px #000 inset;
    -webkit-box-shadow: 0 0 300px 8px #000 inset;
    box-shadow: 0 0 300px 5px #000 inset;
}

.sub-story-shade:before {
    content: '';
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
    -moz-box-shadow: 0 0 150px 5px rgba(10, 10, 10, 0.6) inset;
    -ms-box-shadow: 0 0 150px 5px rgba(10, 10, 10, 0.6) inset;
    -o-box-shadow: 0 0 150px 5px rgba(10, 10, 10, 0.6) inset;
    -webkit-box-shadow: 0 0 150px 5px rgba(10, 10, 10, 0.6) inset;
    box-shadow: 0 0 150px 5px rgba(10, 10, 10, 0.6) inset;
}
.main-text {
    color: #fff;
    float: left;
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 530px;
    z-index: 20;
}

.main-text h1 {
    color: #fff;
    float: left;
    font-size: 38px;
    font-weight: 700;
    line-height: 120%;
    margin: 0 4% 5px;
    text-align: center;
    text-decoration: none;
    -moz-text-shadow: 1px 1px 2px #000;
    -ms-text-shadow: 1px 1px 2px #000;
    -o-text-shadow: 1px 1px 2px #000;
    -webkit-text-shadow: 1px 1px 2px #000;
    text-shadow: 1px 1px 2px #000;
    text-transform: uppercase;
    width: 92%;
}

.main-byline {
    color: #ddd;
    float: left;
    font: 400 20px/20px 'Alegreya', serif;
    font-style: italic;
    text-align: center;
    -moz-text-shadow: 1px 1px 2px #000;
    -ms-text-shadow: 1px 1px 2px #000;
    -o-text-shadow: 1px 1px 2px #000;
    -webkit-text-shadow: 1px 1px 2px #000;
    text-shadow: 1px 1px 2px #000;
    width: 100%;
}

.main-excerpt {
    float: left;
    font: 400 14px/18px helvetica, arial, sans-serif;
    margin-top: 10px;
    max-height: 0;
    overflow: hidden;
    text-align: center;
    -moz-text-shadow: 1px 1px 2px #000;
    -ms-text-shadow: 1px 1px 2px #000;
    -o-text-shadow: 1px 1px 2px #000;
    -webkit-text-shadow: 1px 1px 2px #000;
    text-shadow: 1px 1px 2px #000;
    -moz-transition: max-height .4s;
    -ms-transition: max-height .4s;
    -o-transition: max-height .4s;
    -webkit-transition: max-height .4s;
    transition: max-height .4s;
    width: 100%;
}

.main-story:hover .main-excerpt {
    max-height: 200px;
}

.comment-bubble {
    background: url(images/comment-tri.png) no-repeat right bottom;
    float: right;
    position: absolute;
    top: 3px;
    right: 3px;
    height: 22px;
    z-index: 50;
}

span.comment-count {
    color: #fff;
    float: left;
    font: 700 14px/10px 'Open Sans Condensed', sans-serif;
    padding: 5px 6px;
    letter-spacing: 0.1em;
}

.sub-story {
    float: left;
    overflow: hidden;
    position: relative;
    width: 215px;
    height: 199px;
    border: 0;
}

.sub-story img {
    float: left;
    opacity: .8;
    -moz-transition: opacity .4s;
    -ms-transition: opacity .4s;
    -transition: opacity .4s;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    opacity: 0.6;
}

.sub-story:hover img {
    opacity: 0.5;
}

.sub-text {
    padding: 10px 10px 8px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 194px;
}

.sub-text h2 {
    color: #fff;
    float: left;
    font-size: 20px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 4px;
    -moz-text-shadow: 1px 1px 2px #000;
    -ms-text-shadow: 1px 1px 2px #000;
    -o-text-shadow: 1px 1px 2px #000;
    -webkit-text-shadow: 1px 1px 2px #000;
    text-shadow: 1px 1px 2px #000;
    text-transform: none;
}

.sub-text p {
    color: #fff;
    float: left;
    font: 13px/17px helvetica, arial, sans-serif;
    max-height: 0px;
    overflow: hidden;
    -moz-transition: max-height .4s;
    -ms-transition: max-height .4s;
    -o-transition: max-height .4s;
    -webkit-transition: max-height .4s;
    transition: max-height .4s;
}

.sub-story:hover .sub-text p {
    max-height: 100px;
}

#home-main {
    border-right: 1px dotted #ccc;
    float: left;
    width: 658px;
}

#home-left {
    border-right: 1px dotted #ccc;
    float: left;
    padding-bottom: 20px;
    width: 458px;
}

li.home-widget {
    display: block;
    float: left;
    font: 13px/17px helvetica, arial, sans-serif;
    overflow: hidden;
    padding: 20px;
    position: relative;
    width: 418px;
    overflow: visible;
}

li.home-widget:first-child {
    /*margin-top: 20px;*/
}

li.home-widget:first-child div.home-widget-header {
    border-top: none;
}

li.home-widget:first-child .category-light {
    margin-top: 0;
}

span.list-byline {
    color: #999;
    float: left;
    font: bold 10px/10px helvetica, arial, sans-serif;
    margin-bottom: 5px;
}

.home-widget .category-dark {
    background: #000;
    float: left;
    margin: -32px 0 -20px -20px;
    position: relative;
    width: 458px;
}

.home-widget .cat-dark-top {
    float: left;
    position: relative;
    width: 100%;
}

.home-widget .category-dark img {
    float: left;
    opacity: 0.8;
    -moz-transition: opacity .4s;
    -ms-transition: opacity .4s;
    -transition: opacity .4s;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
}

.home-widget .cat-dark-top:hover img {
    opacity: 0.5;
}

.home-widget .cat-dark-text {
    float: left;
    overflow: hidden;
    padding: 20px 20px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 418px;
}

.home-widget .cat-dark-byline {
    color: #ddd;
    float: left;
    font: 400 20px/20px 'Alegreya', serif;
    font-style: italic;
    margin-bottom: 5px;
    -moz-text-shadow: 1px 1px 2px #000;
    -ms-text-shadow: 1px 1px 2px #000;
    -o-text-shadow: 1px 1px 2px #000;
    -webkit-text-shadow: 1px 1px 2px #000;
    text-shadow: 1px 1px 2px #000;
    width: 100%;
}

.home-widget .cat-dark-text h2 {
    color: #fff;
    float: left;
    font-size: 30px;
    font-weight: 400;
    line-height: 120%;
    -moz-text-shadow: 1px 1px 2px #000;
    -ms-text-shadow: 1px 1px 2px #000;
    -o-text-shadow: 1px 1px 2px #000;
    -webkit-text-shadow: 1px 1px 2px #000;
    text-shadow: 1px 1px 2px #000;
    width: 100%;
}

.home-widget .cat-dark-text p {
    color: #fff;
    float: left;
    font: 14px/18px helvetica, arial, sans-serif;
    margin-top: 10px;
    max-height: 0;
    overflow: hidden;
    -moz-transition: max-height .4s;
    -ms-transition: max-height .4s;
    -o-transition: max-height .4s;
    -webkit-transition: max-height .4s;
    transition: max-height .4s;
}

.home-widget .cat-dark-top:hover .cat-dark-text p {
    max-height: 70px;
}

.home-widget .cat-dark-bottom {
    background: #222;
    float: left;
    padding: 20px;
    width: 418px;
}

.home-widget .cat-dark-bottom img {
    opacity: 1.0;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -transition: opacity .2s;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}

.home-widget .cat-dark-bottom img:hover {
    opacity: 0.8;
}

.home-widget .cat-dark-bottom ul li {
    border-top: 1px dotted #555;
    display: block;
    float: left;
    margin-top: 10px;
    padding-top: 10px;
    width: 100%;
}

.home-widget .cat-dark-bottom ul li img {
    float: left;
    margin: 0 10px 0 0;
    opacity: 1.0;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -transition: opacity .2s;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}

.home-widget .cat-dark-bottom ul li img:hover {
    opacity: .8;
}

.home-widget .cat-dark-bottom ul li p a {
    color: #fff;
    float: left;
    font: bold 13px/17px helvetica, sans-serif;
    margin-bottom: 0;
    width: 323px;
}

.home-widget .cat-dark-bottom ul li:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

.home-widget .category-light {
    margin-top: -12px;
}

.home-widget .category-light .cat-light-top {
    margin: 0 -20px;
    padding: 12px 20px;
    border-bottom: 1px solid #ddd;
}

.home-widget .category-light h2 a {
    color: #333;
    float: left;
    font-size: 24px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 10px;
    width: 100%;
}

.home-widget .category-light p {
    float: none;
    font: 13px/17px helvetica, arial, sans-serif;
    margin-bottom: 10px;
}

.home-widget .cat-light-top {
    float: left;
    margin-top: 20px;
    position: relative;
    width: 418px;
}

.home-widget .cat-light-bottom {
    background: #f6f6f6;
    float: left;
    margin: 10px 0 -20px -20px;
    padding: 20px;
    width: 418px;
}

.home-widget .cat-light-bottom ul li p a {
    color: #333;
    float: left;
    font: bold 13px/17px helvetica, sans-serif;
    width: 323px;
}

.home-widget .post-content-list .post-image {
    width: 40%;
}

.home-top-widget {
    clear: both;
}

.home-top-widget .carousel-wrapper {
    float: none;
    margin: 0;
    width: 100%;
    height: 128px;
}

.home-top-widget ul.home-carousel li {
    width: 200px !important;
}

.home-top-widget ul.home-carousel li h2 {
    margin: 0 15px;
}

.sidebar-small-widget .category-light h2 a {
    color: #333;
    float: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 10px;
}

.sidebar-small-widget .category-light p {
    float: left;
    font: 13px/17px helvetica, arial, sans-serif;
    margin-bottom: 10px;
}

.sidebar-small-widget .cat-light-top {
    float: left;
    margin-top: 20px;
    position: relative;
    width: 160px;
}

.sidebar-small-widget .cat-light-bottom {
    background: #f6f6f6;
    float: left;
    margin: 10px 0 -20px -20px;
    padding: 20px;
    width: 160px;
}

.sidebar-small-widget .cat-light-bottom ul li img {
    display: none;
}

.sidebar-small-widget .cat-light-bottom ul li p a {
    color: #333;
    float: left;
    font: bold 13px/17px helvetica, sans-serif;
    width: 160px;
}

/************************************************
	Carousel
************************************************/

.es-carousel-wrapper{position:relative;clear:both; width: 458px;}
.es-carousel{margin: 0; overflow:hidden;}
.es-carousel ul{display:none; padding:0; margin:0;}
.es-carousel ul li{height:100%;float:left;display:block; position: relative;}
.es-carousel ul li a{display:block;}
.es-carousel ul li a img{display:block;border:none;max-height:100%;max-width:100%;padding:0px; margin:0px;}
.es-nav span{position:absolute;text-indent:-9000px;cursor:pointer;top:45px;}
.es-nav span.es-nav-next{right:0px;width:33px;height:53px;background:transparent url(images/car-buttons.png) -41px 0; opacity: 0.7;}
.es-nav span.es-nav-prev{left:0px;width:33px;height:53px;background:transparent url(images/car-buttons.png) 0 0; opacity: 0.7;}
.es-nav span.es-nav-next:hover{opacity: 1.0;}
.es-nav span.es-nav-prev:hover{opacity: 1.0;}

.carousel-wrapper {
    background: #eee;
    float: left;
    margin: -32px 0 -20px -20px;
    overflow: hidden;
    position: relative;
    width: 458px;
    height: 148px;
}

ul.home-carousel {
    background: #000;
    float: left;
    overflow: hidden;
    position: relative;
    width: 458px;
}

ul.home-carousel li {
    display: inline;
    float: left;
    overflow: hidden;
    position: relative;
    width: 228px;
}

ul.home-carousel li img {
    opacity: 0.4;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -transition: opacity .2s;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}

ul.home-carousel li:hover img {
    opacity: 0.2;
}

ul.home-carousel li h2 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    margin: 0 40px;
    max-height: 124px;
    overflow: hidden;
    position: absolute;
    bottom: 15px;
    left: 0;
    text-align: center;
    -moz-text-shadow: 1px 1px 2px #000;
    -ms-text-shadow: 1px 1px 2px #000;
    -o-text-shadow: 1px 1px 2px #000;
    -webkit-text-shadow: 1px 1px 2px #000;
    text-shadow: 1px 1px 2px #000;
}

/************************************************
	Posts
************************************************/

#title-main {
    border-bottom: 1px dotted #ccc;
    float: left;
    padding: 10px 20px 20px;
    position: relative;
    width: 960px;
}

h1.headline {
    float: left;
    font-size: 38px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 10px;
    width: 100%;
}

h1.headline-page {
    float: left;
    font-size: 42px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 0;
    width: 100%;
}

.breadcrumb {
    border-bottom: 1px dotted #ccc;
    color: #777;
    font: 400 11px/13px 'Open Sans', sans-serif;
    padding: 10px 20px;
    width: 960px;;
}

.breadcrumb a {
    font: 400 11px/11px 'Open Sans', sans-serif;
}

span.post-byline {
    color: #777;
    float: left;
    font: 400 16px/16px 'Alegreya', serif;
    font-style: italic;
}

span.twitter-byline {
    background: url(images/twitter.png) no-repeat left center;
    background-size: 12px 10px;
    float: left;
    font: 400 16px/16px 'Alegreya', serif;
    font-style: italic;
    margin-left: 10px;
    padding-left: 16px;
}

#social-box {
    background: #f6f6f6;
    border-bottom: 1px dotted #ccc;
    float: left;
    padding: 0 20px 8px;
    position: relative;
    width: 618px;
}

ul.post-social {
    display: inline;
    float: left;
}

ul.post-social li {
    display: inline;
    float: left;
    padding: 8px 5px 0;
    width: 90px;
    height: 20px;
}

li.fb-line {
    padding: 5px 5px 0 !important;
}

.fb-like span {
    overflow: visible !important;
    width: 450px !important;
    margin-right: -375px;
}

iframe#twitter-widget-0,
iframe#twitter-widget-1,
#___plusone_0,
#___plusone_1 {
    position: relative;
    z-index: 300;
}

#post-area,
ul.archive-list {
    float: left;
    font: 14px/23px helvetica, arial, sans-serif;
    position: relative;
    width: 100%;
}

#post-area p,
ul.archive-list p {
    display: block;
    margin-bottom: 15px;
}

.post-image {
    display: block;
    margin-bottom: 20px;
    width: 100%;
}

#content-area {
    display: block;
    float: left;
    padding: 20px 19px 20px 20px;
    width: 620px;
}

#content-area h1 {
    color: #222;
    font: 700 34px/36px 'Oswald', sans-serif;
    margin: 10px 0;
    width: 100%;
}

#content-area h2 {
    color: #333;
    font: 700 28px/32px 'Oswald', sans-serif;
    margin: 10px 0;
    width: 100%;
}

#content-area h3 {
    color: #333;
    font: 700 24px/28px 'Oswald', sans-serif;
    margin: 10px 0;
    width: 100%;
}

#content-area h4 {
    color: #333;
    font: 700 20px/24px 'Oswald', sans-serif;
    margin: 10px 0;
    width: 100%;
}

#content-area h5 {
    color: #333;
    font: 700 16px/20px 'Oswald', sans-serif;
    margin: 10px 0;
    width: 100%;
}

#content-area h6 {
    color: #333;
    font: 700 12px/16px 'Oswald', sans-serif;
    margin: 10px 0;
    width: 100%;
}

#content-area ul {
    list-style: disc outside;
    margin: 10px 0;
}

#content-area ol {
    list-style: decimal outside;
    margin: 10px 0;
}

#content-area ul li,
#content-area ol li {
    margin-left: 50px;
    padding: 5px 0px;
}

#bbpress-forums ol,
#bbpress-forums ul {
    list-style: none;
    margin: 0;
}

#bbpress-forums ul li,
#bbpress-forums ol li {
    margin-left: 0;
    padding: 0;
}

#post-area blockquote {
    border-left: 1px #ccc solid;
    color: #777;
    font: italic 14px/22px verdana, arial, sans-serif;;
    margin: 10px;
    padding-left: 40px;
}

#author-info {
    float: left;
    padding: 0 19px 40px 20px;
    position: relative;
    width: 620px;
}

#author-info img,
#author-info-page img {
    float: left;
    margin-right: 20px;
    width: 60px;
}

#author-info-page {
    border-bottom: 1px dotted #ccc;
    float: left;
    margin: 20px 19px 0 20px;
    padding-bottom: 20px;
    position: relative;
    width: 620px;
}

#author-text {
    color: #999;
    float: left;
    font: italic 14px/20px helvetica, arial, sans-serif;
    width: 540px;
}

h3.post-header {
    color: #fff;
    float: left;
    font: 400 12px/12px 'Oswald', sans-serif;
    margin: -20px 0 10px 0;
    padding: 5px 7px;
    position: relative;
    text-transform: uppercase;
    z-index: 10;
}

.post-tags {
    float: left;
    font: 400 12px/12px 'Oswald', sans-serif;
    margin: 0 0 20px;
    padding: 0 19px 0 20px;
    width: 620px;
}

.post-tags a,
span.post-tags-header {
    color: #fff;
    display: inline-block;
    float: left;
    margin: 0 1px 1px;
    padding: 5px 7px;
    text-transform: uppercase;
}

.post-tags a {
    background: #aaa;
    color: white !important;
}

.post-tags a:visited {
    color: #fff;
}

.post-tags a:hover {
    color: #fff;
    text-decoration: none;
}

.prev-next-wrapper {
    background: #f6f6f6;
    float: left;
    position: relative;
    width: 100%;
    margin: 25px 0;
    padding: 40px 0 20px 0;
    border-top: 2px solid #c70102;
}

.prev-post {
    float: left;
    font: bold 14px/14px helvetica, arial, sans-serif;
    padding: 0;
    width: 50%;
    text-align: left;
}

.next-post {
    float: right;
    font: bold 14px/14px helvetica, arial, sans-serif;
    padding: 0;
    width: 50%;
    text-align: right;
}

.prev-post a,
.next-post a {
    color: #333 !important;
    font-weight: 400;
    display: block;
    clear: none;
    float: none;
    font-size: 16px;
    line-height: 140%;
    margin: 0 20px;
}

.prev-post span {
    position: absolute;
    top: 0;
    color: #fff;
    font: 400 12px/12px 'Oswald', sans-serif;
    padding: 5px 7px;
    text-transform: uppercase;
    z-index: 10;
    background: #c70102;
    left: 20px;
    display: block;
}

.next-post span {
    position: absolute;
    top: 0;
    color: #fff;
    font: 400 12px/12px 'Oswald', sans-serif;
    padding: 5px 7px;
    text-transform: uppercase;
    z-index: 10;
    background: #c70102;
    right: 20px;
    display: block;
}

.prev-post img,
.next-post img {
    float: left;
    display: inline-block;
    clear: none;
}

.next-post img {
    float: right;
    margin: 3px 0 5px 14px;
}

.prev-post img {
    float: left;
    margin: 3px 14px 5px 0;
}

#related-posts {
    float: left;
    padding: 20px 19px 20px 20px;
    width: 620px;
}

#related-posts img {
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

#related-posts img:hover {
    opacity: 0.8;
}

#related-posts ul {
    display: inline;
    float: left;
    width: 100%;
}

#related-posts ul li {
    display: inline;
    float: left;
    margin-left: 10px;
    width: 200px;
}

#related-posts ul li:first-child {
    margin-left: 0;
}

.related-image {
    float: left;
    overflow: hidden;
    position: relative;
    width: 200px;
    height: 129px;
}

.related-text {
    float: left;
    padding: 5px 0;
}

.related-text a {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
}

.related-text a:visited {
    color: #333;
}

.full {
    width: 1000px !important;
}

.full2 {
    width: 960px !important;
    padding-right: 20px !important;
}

#post-404 {
    color: #999;
    margin: 100px 0;
    text-align: center;
}

#post-404 h1 {
    border-bottom: none;
    font-size: 80px;
    font-weight: 700;
    line-height: 80px;
    margin-bottom: 10px;
}

#post-404 p {
    text-align: center;
}

.wp-caption, .gallery-caption {
    margin-bottom: 20px;
    max-width: 100%;
    text-align: center;
}

.wp-caption-text {
    margin-bottom: 2px;
}

/************************************************
	Categories/Archives
************************************************/

#category-header {
    float: left;
    padding: 0;
    width: 100%;
    text-align: left;
}

#category-header .cat-header {
    padding: 15px 20px;
}

#category-header > span {
    display: block;
    padding: 0 20px 15px 20px;
    font-style: italic;
    line-height: 22px;
    color: #777;
}

#category-header p {
    margin: 10px 0;
}

#category-header ul {
    list-style: square;
    padding: 0 0 0 16px;
    margin: 10px 0;
}

#category-header ul li {
    margin: 5px 0;
}


h3.cat-header {
    color: #333;
    font-size: 40px;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
}

#archive-wrapper {
    float: left;
    padding: 20px 19px 20px 20px;
    width: 620px;
}

ul.archive-list {
    float: none;
    width: auto;
    padding: 0 19px 0 20px;
}

ul.archive-list li {
    border-bottom: 1px dotted #ccc;
    display: block;
    float: left;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

ul.archive-list li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.archive-image {
    float: left;
    margin-right: 20px;
    position: relative;
    width: 200px;
}

.archive-image img {
    float: left;
    opacity: 1.0;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -transition: opacity .2s;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}

.archive-image:hover img {
    opacity: 0.8;
}

.archive-text {
    float: left;
    width: 400px;
}

.archive-text-noimg {
    float: left;
    width: 100%;
}

.archive-text h2 a,
.archive-text-noimg h2 a {
    color: #333;
    float: left;
    font-size: 20px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 7px;
    width: 100%;
}

span.archive-byline {
    color: #777;
    float: left;
    font: 400 16px/16px 'Alegreya', serif;
    font-style: italic;
    margin-bottom: 6px;
}

.archive-text p,
.archive-text-noimg p {
    float: left;
    font: 13px/17px helvetica, arial, sans-serif;
    overflow: hidden;
    width: 100%;
}

/************************************************
	Comments
************************************************/

h3.comment-header {
    color: #fff;
    float: left;
    font: 400 12px/12px 'Oswald', sans-serif;
    margin: 0 0 20px 20px;
    padding: 5px 7px;
    position: relative;
    text-transform: uppercase;
    z-index: 10;
}

#comments {
    display: block;
    float: left;
    font: 400 12px/normal helvetica, arial, sans-serif;
    overflow: hidden;
    width: 100%;
}

.comment-inner {
    border-bottom: 1px dotted #ddd;
    margin-bottom: 10px;
    padding: 10px 0 0;
}

#comments .comment-inner:after {
    content: '';
    display: block;
    clear: both;
}

#comments .comment-avatar,
#tab3 .comment-avatar {
    float: left;
    width: 46px;
}

#comments .avatar {
    display: block;
    background-color: #fff;
}

#comments .commentmeta {
    display: block;
    float: left;
    margin: 0 10px 10px;
}

.comment-reply a,
#cancel-comment-reply-link {
    clear: both;
    color: #fff;
    font: 700 12px/12px 'Open Sans Condensed', sans-serif;
    padding: 5px 10px;
}

.comment-reply a {
    background: #555;
    float: right;
}

#cancel-comment-reply-link {
    background: #ccc;
    float: left;
    margin: 0 0 10px 20px;
}

.comment-reply a:hover,
#cancel-comment-reply-link:hover {
    background: #333;
}

.comment-reply a:hover,
#cancel-comment-reply-link:hover {
    text-decoration: none;
}

ol.commentlist {
    float: left;
    padding: 0 20px 20px;
    width: 619px;
}

ol.commentlist h3.comment-header {
    display: none;
}

ol.commentlist #respond {
    border-top: none;
}

#comments .comment-meta-1 {
    display: block;
    float: left;
    font: bold 14px/normal helvetica, arial, sans-serif;
    margin-bottom: 5px;
    width: 100%;
}

#comments .comment-meta-1 .fn {
    font-weight:bold;
    float:left;
    width:auto;
}

#comments .comment-meta-1 .reply {
    display: inline-block;
    float: right;
    font-size: 11px;
    line-height: 11px;
    padding-top: 2px;
}

#comments .comment-meta-1 .reply a {
    color: #555;
}

#comments .comment-meta-2  {
    float: left;
    font: italic 12px/normal helvetica, arial, sans-serif;
    display: block;
    margin: 0;
}

#comments .text {
    clear: both;
    display: block;
    float: left;
    margin-top: 10px;
}

#comments .text .waiting_approval {
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
}

#comments .c {
    line-height: 20px;
}

#comments .c p,
#comments .c code,
#comments .c blockquote,
#comments .c ul,
#comments .c ol {
    display: block;
    margin: 5px 0;
}

#comments .c a {
    text-decoration: underline;
}

#comments .c a:hover {
    text-decoration: none;
}

#comments .depth-2 .comment-wrapper {
    padding-left: 40px;
}

#comments .depth-2 .commentmeta {
    width: auto;
}

#comments .depth-3 .comment-wrapper {
    padding-left: 80px;
}

#comments .depth-3 .commentmeta {
    width: auto;
}

#comments .depth-4 .comment-wrapper {
    padding-left: 120px;
}

#comments .depth-4 .commentmeta {
    width: auto;
}

#comments .depth-5 .comment-wrapper {
    padding-left: 160px;
}

#comments .depth-5 .commentmeta {
    width: auto;
}

#respond {
    clear: both;
    position: relative;
}

#respond form {
    float: left;
    padding: 0 20px 20px;
    width: 618px;
}

#respond p {
    font: 12px/normal helvetica, arial, sans-serif;
    margin: 0;
}

#respond .logged-in-as {
    margin-bottom: 10px;
}

#respond .comment-notes {
    margin-bottom: 1em;
}

.children #respond {
    margin: 0 48px 0 0;
}

#comments-list #respond {
    margin: 0 0 18px 0;
}

#comments-list ul #respond {
    margin: 0;
}

#respond .required {
    color: #ff4b33;
    font-weight: bold;
}

#respond label {
    color: #888;
    font-size: 12px;
}

#respond input {
    background: #f6f6f6;
    border: 1px solid #ddd;
    -ms-box-shadow: 2px 2px 5px 0px #eee inset;
    -moz-box-shadow: 2px 2px 5px 0px #eee inset;
    -webkit-box-shadow: 2px 2px 5px 0px #eee inset;
    -o-box-shadow: 2px 2px 5px 0px #eee inset;
    box-shadow: 2px 2px 5px 0px #eee inset;
    display:block;
    margin: 0 0 9px;
    padding:5px;
    width: auto;
}

#respond textarea {
    background: #f6f6f6;
    border: 1px solid #ddd;
    -ms-box-shadow: 2px 2px 5px 0px #eee inset;
    -moz-box-shadow: 2px 2px 5px 0px #eee inset;
    -webkit-box-shadow: 2px 2px 5px 0px #eee inset;
    -o-box-shadow: 2px 2px 5px 0px #eee inset;
    box-shadow: 2px 2px 5px 0px #eee inset;
    width: 95%;
}

#respond #submit {
    background: #555;
    border: 0;
    box-shadow: none;
    color: #fff;
    cursor:pointer;
    font: 700 12px/12px 'Open Sans Condensed', sans-serif;
    margin-top:10px;
    padding: 5px 10px;
    width: 120px;
}

#respond #submit:hover {
    background: #333;
}

h3#reply-title,
h2.comments {
    color: #fff;
    font: 700 14px/14px 'Oswald', sans-serif;
    margin-bottom: 10px;
    padding: 5px 10px;
    text-shadow: 1px 1px 0 #000;
    text-transform: uppercase;
}

h3#reply-title {
    display: none;
}

span.comments {
    background: #fff;
    color: #aaa;
    float: left;
    font: 400 20px/20px 'Open Sans Condensed', sans-serif;
    padding-right: 15px;
    text-transform: uppercase;
}

span.comments a {
    color: #666;
}

span.comments a:hover {
    color: #f00;
    text-decoration: none;
}

#comment-input label {
    margin-bottom: 10px;
}

p.cancel-comment-reply {
    clear: both;
}

.form-allowed-tags {
    display: none;
}

#disqus_thread {
    float: left;
    padding: 20px 3%;
    width: 96%;
}

/************************************************
	Sidebar
************************************************/

#sidebar-wrapper {
    float: right;
    width: 339px;
}

#sidebar-small-wrapper {
    float: right;
    width: 199px;
}

li.sidebar-widget {
    display: block;
    float: left;
    font: 13px/17px helvetica, arial, sans-serif;
    overflow: hidden;
    padding: 20px;
    width: 300px;
}

li.sidebar-small-widget {
    display: block;
    float: left;
    font: 13px/17px helvetica, arial, sans-serif;
    overflow: hidden;
    padding: 20px;
    width: 160px;
}

div.home-widget-header {
    float: left;
    margin: -20px 0 7px -20px;
    width: 458px;
    height: 25px;
}

h3.home-widget-header,
h3.home-widget-header a {
    color: #fff;
    float: left;
    font: 400 12px/12px 'Oswald', sans-serif;
    margin-left: 20px;
    padding: 5px 7px;
    position: relative;
    text-transform: uppercase;
    z-index: 10;
}

h3.home-top-widget-header,
h3.home-top-widget-header a {
    color: #fff;
    float: left;
    font: 400 12px/12px 'Oswald', sans-serif;
    margin-left: 20px;
    padding: 5px 7px;
    position: relative;
    text-transform: uppercase;
    z-index: 10;
    position: absolute;
}

h3.widget-buzz-header,
h3.widget-buzz-header a {
    color: #aaa;
    float: left;
    font: 300 28px/32px 'Oswald', sans-serif;
    margin: 0 0 20px -20px;
    padding: 5px 20px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

div.small-widget-header {
    float: left;
    margin: -20px 0 7px -20px;
    width: 200px;
    height: 25px;
}

h3.small-widget-header,
h3.small-widget-header a {
    color: #fff;
    float: left;
    font: 400 12px/12px 'Oswald', sans-serif;
    margin-left: 20px;
    padding: 5px 7px;
    position: relative;
    text-transform: uppercase;
    z-index: 10;
}

div.sidebar-widget-header {
    float: left;
    margin: -20px 0 7px -20px;
    width: 340px;
    height: 25px;
}

h3.sidebar-widget-header,
h3.sidebar-widget-header a {
    color: #fff;
    float: left;
    font: 400 12px/12px 'Oswald', sans-serif;
    margin-left: 20px;
    padding: 5px 7px;
    position: relative;
    text-transform: uppercase;
    z-index: 10;
}

ul.widget-buzz {
    display: block;
    float: left;
    width: 100%;
}

ul.widget-buzz li {
    display: block;
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}

ul.widget-buzz li h2 a {
    color: #333;
    float: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    width: 100%;
}

span.buzz-byline {
    color: #999;
    float: left;
    font: bold 10px/10px helvetica, arial, sans-serif;
    margin-bottom: 5px;
    text-align: center;
    width: 100%;
}

.sidebar-widget .category-dark {
    background: #000;
    float: left;
    margin: -32px 0 -20px -20px;
    position: relative;
    width: 340px;
}

.sidebar-widget .cat-dark-top {
    float: left;
    position: relative;
    width: 100%;
}

.sidebar-widget .category-dark img {
    float: left;
    opacity: 0.8;
    -moz-transition: opacity .4s;
    -ms-transition: opacity .4s;
    -transition: opacity .4s;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
}

.sidebar-widget .cat-dark-top:hover img {
    opacity: 0.5;
}

.sidebar-widget .cat-dark-text {
    float: left;
    overflow: hidden;
    padding: 20px 20px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 300px;
}

.sidebar-widget .cat-dark-byline {
    color: #ddd;
    float: left;
    font: 400 14px/14px 'Alegreya', serif;
    font-style: italic;
    margin-bottom: 5px;
    -moz-text-shadow: 1px 1px 2px #000;
    -ms-text-shadow: 1px 1px 2px #000;
    -o-text-shadow: 1px 1px 2px #000;
    -webkit-text-shadow: 1px 1px 2px #000;
    text-shadow: 1px 1px 2px #000;
    width: 100%;
}

.sidebar-widget .cat-dark-text h2 {
    color: #fff;
    float: left;
    font-size: 22px;
    font-weight: 400;
    line-height: 120%;
    -moz-text-shadow: 1px 1px 2px #000;
    -ms-text-shadow: 1px 1px 2px #000;
    -o-text-shadow: 1px 1px 2px #000;
    -webkit-text-shadow: 1px 1px 2px #000;
    text-shadow: 1px 1px 2px #000;
    width: 100%;
}

.sidebar-widget .cat-dark-text p {
    color: #fff;
    float: left;
    font: 13px/17px helvetica, arial, sans-serif;
    margin-top: 10px;
    max-height: 0;
    overflow: hidden;
    -moz-transition: max-height .4s;
    -ms-transition: max-height .4s;
    -o-transition: max-height .4s;
    -webkit-transition: max-height .4s;
    transition: max-height .4s;
}

.sidebar-widget .cat-dark-top:hover .cat-dark-text p {
    max-height: 70px;
}

.sidebar-widget .cat-dark-bottom {
    background: #222;
    float: left;
    padding: 20px;
    width: 300px;
}

.sidebar-widget .cat-dark-bottom img {
    opacity: 1.0;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -transition: opacity .2s;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}

.sidebar-widget .cat-dark-bottom img:hover {
    opacity: 0.8;
}

.sidebar-widget .cat-dark-bottom .list-byline {
    display: none;
}

.sidebar-widget .cat-dark-bottom ul li {
    border-top: 1px dotted #555;
    display: block;
    float: left;
    margin-top: 10px;
    padding-top: 10px;
    width: 100%;
}

.sidebar-widget .cat-dark-bottom ul li img {
    float: left;
    margin: 0 10px 0 0;
    opacity: 1.0;
}

.sidebar-widget .cat-dark-bottom ul li p a {
    color: #fff;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    font-family: 'Oswald', sans-serif;
}

.sidebar-widget .cat-dark-bottom ul li:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

.home-widget .category-light,
.sidebar-small-widget .category-light,
.sidebar-widget .category-light,
.footer-widget .category-light {
    float: left;
    position: relative;
    width: 100%;
}

.sidebar-widget .category-light h2 a {
    color: #333;
    float: left;
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 10px;
    width: 100%;
}

.footer-widget .category-light h2 a {
    color: #ddd;
    float: left;
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 10px;
    width: 100%;
}

.home-widget .category-light img,
.sidebar-small-widget .category-light img,
.sidebar-widget .category-light img,
.footer-widget .category-light img {
    float: left;
    margin-bottom: 10px;
    opacity: 1.0;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -transition: opacity .2s;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}

.home-widget .category-light img:hover,
.sidebar-small-widget .category-light img:hover,
.sidebar-widget .category-light img:hover,
.footer-widget .category-light img:hover {
    opacity: 0.8;
}

.sidebar-widget .category-light p,
.footer-widget .category-light p {
    float: left;
    font: 13px/17px helvetica, arial, sans-serif;
    margin-bottom: 10px;
}

.sidebar-widget .cat-light-top {
    float: left;
    margin-top: 20px;
    position: relative;
    width: 300px;
}

.footer-widget .cat-light-top {
    float: left;
    margin-top: 20px;
    position: relative;
    width: 300px;
}

.home-widget .cat-light-top:first-child,
.sidebar-small-widget .cat-light-top:first-child,
.sidebar-widget .cat-light-top:first-child,
.footer-widget .cat-light-top:first-child {
    margin-top: 0;
}

.sidebar-widget .cat-light-bottom {
    background: #f6f6f6;
    float: left;
    margin: 10px 0 -20px -20px;
    padding: 20px;
    width: 300px;
}

.footer-widget .cat-light-bottom {
    background: none;
    float: left;
    margin: 10px 0 -20px -20px;
    padding: 20px;
    width: 300px;
}

.cat-light-links {
    background: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.home-widget .cat-light-bottom ul li,
.sidebar-small-widget .cat-light-bottom ul li,
.sidebar-widget .cat-light-bottom ul li {
    border-top: 1px dotted #ccc;
    display: block;
    float: left;
    margin-top: 10px;
    padding-top: 10px;
    width: 100%;
}

.footer-widget .cat-light-bottom ul li {
    border-top: 1px dotted #444;
    display: block;
    float: left;
    margin-top: 10px;
    padding-top: 10px;
    width: 100%;
}

.home-widget .cat-light-bottom ul li img,
.sidebar-widget .cat-light-bottom ul li img,
.footer-widget .cat-light-bottom ul li img {
    float: left;
    margin: 0 10px 0 0;
    opacity: 1.0;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -transition: opacity .2s;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}

.home-widget .cat-light-bottom ul li img:hover,
.sidebar-widget .cat-light-bottom ul li img:hover,
.footer-widget .cat-light-bottom ul li img:hover {
    opacity: 0.8;
}

.home-widget .cat-light-bottom ul li p,
.sidebar-small-widget .cat-light-bottom ul li p,
.sidebar-widget .cat-light-bottom ul li p,
.footer-widget .cat-light-bottom ul li p {
    margin-bottom: 0;
}

.sidebar-widget .cat-light-bottom ul li p a {
    color: #333;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    font-family: 'Oswald', sans-serif;
}

.footer-widget .cat-light-bottom ul li p a {
    color: #ddd;
    float: left;
    font: bold 13px/17px helvetica, sans-serif;
    width: 205px;
}

.home-widget .cat-light-bottom ul li:first-child,
.sidebar-small-widget .cat-light-bottom ul li:first-child,
.sidebar-widget .cat-light-bottom ul li:first-child,
.footer-widget .cat-light-bottom ul li:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

.sidebar-small-widget .cat-light-bottom .list-byline,
.sidebar-widget .cat-light-bottom .list-byline {
    display: none;
}

.widget-ad {
    float: left;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.widget-ad h3 {
    clear: both;
    color: #ccc;
    float: left;
    font: 400 8px/8px 'Open Sans', sans-serif;
    margin-bottom: 1px;
    text-transform: uppercase;
    width: 100%;
}

.post-widget {
    clear: both;
    padding: 35px 19px 20px 20px;
}

.post-widget-header {
    color: #fff;
    float: left;
    font: 400 12px/12px 'Oswald', sans-serif;
    margin: -35px 0 10px 0;
    padding: 5px 7px;
    position: relative;
    text-transform: uppercase;
    z-index: 10;
}

ul.tabber-widget {
    float: left;
    margin: -20px 0 0 -20px;
    padding: 0 20px 20px;
    width: 300px;
}

ul.tabber-widget li {
    background: #777;
    display: inline;
    float: left;
    margin-right: 2px;
}

ul.tabber-widget li a {
    color: #fff;
    float: left;
    font: 400 12px/12px 'Oswald', sans-serif;
    padding: 5px 7px;
    text-transform: uppercase;
}

ul.tabber-widget li a:hover {
    text-decoration: none;
}

ul.latest-comments {
    float: left;
    width: 300px;;
}

ul.latest-comments li {
    border-bottom: 1px dotted #ccc;
    display: block;
    float: left;
    font: 12px/14px helvetica, arial, sans-serif;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
}

ul.latest-comments li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

ul.latest-comments li p {
    margin-bottom: 0;
}

.comment-image {
    float: left;
    margin-right: 10px;
    width: 50px;
}

.comment-text {
    float: left;
    width: 240px;
}

.comment-text span {
    float: left;
    font: bold 13px/17px helvetica, sans-serif;
    width: 100%;
}

.comment-text p {
    color: #555;
    float: left;
    font: 13px/17px helvetica, sans-serif;
}

.comment-text p a {
    color: #888;
}

li.home-widget table,
li.sidebar-widget table,
li.sidebar-small-widget table,
li.footer-widget table {
    border-collapse: separate;
    text-align: center;
    width: 100%;
}

li.home-widget thead,
li.sidebar-widget thead,
li.sidebar-small-widget thead,
li.footer-widget thead {
    vertical-align: middle;
}

li.home-widget p.gd-widgets,
li.sidebar-widget p.gd-widgets,
li.sidebar-small-widget p.gd-widgets,
li.footer-widget p.gd-widgets {
    margin-bottom: 0;
}

li.home-widget select,
li.sidebar-widget select,
li.sidebar-small-widget select,
li.footer-widget select {
    width: 100%;
}

li.home-widget #searchform,
li.sidebar-widget #searchform,
li.sidebar-small-widget #searchform,
li.footer-widget #searchform {
    background: #fff;
    float: left;
    padding: 0;
    width: 100%;
}

li.home-widget #searchform input,
li.sidebar-widget #searchform input,
li.sidebar-small-widget #searchform input,
li.footer-widget #searchform input {
    background: #fff url(images/search2.png) no-repeat right center!important;
    border: 1px solid #666;
    box-shadow: none;
    color: #666;
    margin: 0;
    padding: 10px 3%;
    width: 94%;
    height: 12px;
}

li.recentcomments,
li cite {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

#get_recent_comments_wrap li {
    margin: 7px 0;
    padding: 10px 0 0 0;
    clear: both;
    border-top: 1px solid #ddd;
}

#get_recent_comments_wrap li:first-child {
    border-top: 0;
}

#get_recent_comments_wrap img {
    float: left;
    margin: 0 7px 5px 0;
}

#get_recent_comments_wrap .author {
    font-size: 11px;
}

#get_recent_comments_wrap .extrait {
    color: #222;
    font-size: 12px;
    margin: 7px 0;
}

#get_recent_comments_wrap .cpost {
    line-height: 13px;
    font-size: 10px;
}

#get_recent_comments_wrap .cpost a {
    font-weight: bold;
}

#get_recent_comments_wrap li cite {
    display: inline;
    float: none;
}

.fds-widget-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 120px;
    background: transparent url('images/red-preloader.gif') no-repeat center 50px;
}

li cite.fn {
    margin-bottom: 0;
}

.rss-date {
    float: left;
    width: 100%;
}

table {
    float: left;
}

/************************************************
	Twitter Widget
************************************************/

.tweet,
.query {
    display: block;
    float: left;
    font: 12px/16px helvetica, arial, sans-serif;
    padding: 10px 10px 0;
    position: relative;
}

.tweet_list {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

.tweet_list li {
    border-bottom: 1px dotted #ccc;
    float: left;
    list-style-type: none;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

li.footer-widget .tweet_list li {
    border-bottom: 1px dotted #444;
    float: left;
    list-style-type: none;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.tweet_list li a {
    font-weight: normal;
}

.tweet_list li:last-child,
li.footer-widget .tweet_list li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.tweet_list .tweet_avatar {
    float: left;
}

.tweet_list .tweet_avatar img {
    vertical-align: middle;
}

.tweet_time a {
    font: 11px/11px helvetica, arial, sans-serif;
}

.tweet_text {
    margin-bottom: 3px;
}

.tweet_text,
.tweet_time {
    display: block;
    margin-left: 45px;
}

/************************************************
	Footer
************************************************/

#footer-wrapper {
    background: #333 url(images/dark-noise.gif);
    float: left;
    width: 100%;
}

#footer-top {
    float: left;
    padding: 25px 0;
    width: 100%;
}

li.footer-widget {
    border-left: 1px dotted #555;
    color: #aaa;
    float: left;
    font: 13px/17px helvetica, arial, sans-serif;
    margin: 0 0 20px 14px;
    overflow: hidden;
    padding-left: 10px;
    width: 300px;
}

li.home-widget p,
li.sidebar-small-widget p,
li.sidebar-widget p,
li.footer-widget p {
    margin-bottom: 10px;
}

li.footer-widget:first-child {
    border-left: none;
    margin-left: 25px;
    padding-left: 0;
}

h3.footer-widget-header,
h3.footer-widget-header a {
    color: #ddd;
    float: left;
    font: 400 14px/18px 'Oswald', sans-serif;
    margin-bottom: 20px;
    -moz-text-shadow: 1px 1px 2px #000;
    -ms-text-shadow: 1px 1px 2px #000;
    -o-text-shadow: 1px 1px 2px #000;
    -webkit-text-shadow: 1px 1px 2px #000;
    text-shadow: 1px 1px 2px #000;
    text-transform: uppercase;
    width: 100%;
}

#footer-bottom {
    background: #222;
    color: #aaa;
    float: left;
    font: 11px/13px helvetica, arial, sans-serif;
    padding: 10px 25px 5px;
    width: 950px;
}

#footer-bottom p {
    float: left;
    margin: 0 20px 5px 0;
    max-width: 500px;
}

#footer-bottom ul {
    display: block;
    float: right;
    max-width: 450px;
    overflow: hidden;
    position: relative;
}

#footer-bottom ul li {
    display: inline;
    float: left;
    margin: 0 10px 5px 0;
}

#footer-bottom ul li ul {
    display: none;
}

.tag-cloud {
    float: left;
    width: 100%;
}

.tag-cloud a {
    background: #555;
    float: left;
    font: 400 12px/12px 'Oswald', sans-serif;
    margin: 0 5px 5px 0;
    padding: 5px 7px;
    text-transform: uppercase;
    color: white !important;
}

.tag-cloud a:hover {
    text-decoration: none;
}

.tag-cloud a:visited {
    color: #ddd;
}

/************************************************
	Pagination
************************************************/

.nav-links {
    float: left;
    padding: 20px 19px 20px 20px;
    position: relative;
    width: 620px;
}

.pagination {
    clear: both;
    position: relative;
    font: bold 12px/12px helvetica, arial, sans-serif;
}

.pagination span, .pagination a {
    background: #555;
    border: 1px solid #333;
    border-radius: 3px;
    -ms-box-shadow: 0 3px 5px -1px #aaa;
    -moz-box-shadow: 0 3px 5px -1px #aaa;
    -o-box-shadow: 0 3px 5px -1px #aaa;
    -webkit-box-shadow: 0 2px 3px -1px #aaa;
    box-shadow: 0 3px 5px -1px #ccc;
    color: #fff;
    display:block;
    float:left;
    margin: 2px 5px 2px 0;
    padding: 9px 12px 8px 12px;
    text-decoration: none;
    width: auto;
}

.pagination .current,
.pagination a:hover {
    background: #999;
}

.pagination a,
.pagination a:visited {
    color: #fff
}

.pagination span,
.pagination a {
    padding: 6px 8px 5px 8px;
}

.pagination .current {
    color: #fff;
    background: #999 !important;
    border: 1px solid #777;
}

.pagination .category-bg {
    background: #c70102;
    color: white;
}

.pagination span,
.pagination a,
.pagination span:hover,
.pagination a:hover {
    border: 0 !important;
    color: white !important;
}

.sidebar-small-widget .pagination span,
.sidebar-small-widget .pagination a {
    margin: 2px 5px 3px 0;
    padding: 4px 5px 3px 5px;
}

.sidebar-small-widget .pagination .total {
    display: none;
}

/* =Theme customization starts here
-------------------------------------------------------------- */

.layout-3col #home-main {
    width: auto;
}

.sidebar-widget .cat-dark-bottom {
    padding-top: 32px;
}

.sidebar-widget .cat-light-bottom .post-image,
.sidebar-widget .cat-dark-bottom .post-image {
    position: relative;
    float: left;
    margin: 0 10px 0 0;
    width: 85px;
    display: none;
}

.sidebar-widget .cat-light-bottom ul li img,
.sidebar-widget .cat-dark-bottom ul li img {
    /*
    float: none;
    margin: 0;
    */
}

.login-required {
    padding: 20px;
}

#site #nav-wrapper {
    margin-bottom: 0;
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top,  #000000 0%, #2d2d2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#2d2d2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #000000 0%,#2d2d2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #000000 0%,#2d2d2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #000000 0%,#2d2d2d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #000000 0%,#2d2d2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#2d2d2d',GradientType=0 ); /* IE6-9 */
}

.breadcrumb a,
.breadcrumb a:visited {
    color: #000000;
}

#activate-fullscreen {
    position: fixed;
    right: 0;
    z-index: 100000;
}

#activate-fullscreen a {
    display: block;
    font-size: 12px;
    color: #eeeeee;
    padding: 7px 10px 10px 10px;
    text-decoration: none;
    background: #111111; /* Old browsers */
    background: -moz-linear-gradient(top,  #111111 0%, #444444 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111111), color-stop(100%,#444444)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #111111 0%,#444444 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #111111 0%,#444444 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #111111 0%,#444444 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #111111 0%,#444444 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
    opacity: 0.5;
    color: #888;
}

#activate-fullscreen a:hover {
    opacity: 1;
    color: #ffffff;
    /*background: #444444; *//* Old browsers */
    /*background: -moz-linear-gradient(top,  #444444 0%, #777777 100%); *//* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#777777)); *//* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top,  #444444 0%,#777777 100%); *//* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top,  #444444 0%,#777777 100%); *//* Opera 11.10+ */
    /*background: -ms-linear-gradient(top,  #444444 0%,#777777 100%); *//* IE10+ */
    /*background: linear-gradient(to bottom,  #444444 0%,#777777 100%); *//* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#777777',GradientType=0 ); *//* IE6-9 */
}

.format-link .source {
    margin-top: 1em;
}

.format-image .post-image,
.format-image .post-image img {
    width: 100%;
}

.post iframe {
    max-width: 100%;
}

.post-content-list {
    clear: both;
    padding-top: 2px;
}

.post-content-list .post-image {
    width: auto;
    float: left;
    margin: 3px .75em 0 0;
}

/*.sidebar-small-widget .post-content-list .post-image {*/
    /*float: none;*/
    /*width: 100%;*/
    /*margin: 0;*/
/*}*/

.post-content-list .post-image.fullwidth {
    float: none;
    width: 100% !important;
    margin: 0 0 .75em 0;
}

.fluid-video {
    width: 100%;
    padding-bottom: 65%;
    position: relative;
}

.fluid-video.r4-3 {
    padding-bottom: 75%; /* 16:9 */
}
.fluid-video.r16-9 {
    padding-bottom: 56.25%; /* 16:9 */
}

.fluid-video > iframe,
.fluid-video > object {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.fluid-video > object embed {
    max-height: 100% !important;
    max-width: 100% !important;
}

.wp-moderate_frontend_moderate_links {
    display: none;
}

.is-admin .comment:hover .wp-moderate_frontend_moderate_links {
    display: block;
}

.wp-comment-waiting-approve {
    background: rgb(255, 241, 221);
}

.comment-form-comment > div {
    border-radius: 0 0 2px 2px;
}

.comment-form-comment .nicEdit-panelContain {
    border-radius: 2px 2px 0 0;
}

.comment-form-comment .nicEdit-panel {
    margin: 0 !important;
}

.comment-form-comment .nicEdit-panel > div {
    margin: 0 !important;
    border-right: 1px solid #ccc;
    padding: 4px 8px;
}

.comment-form-comment .nicEdit-panel > div:hover {
    background-color: #F5F5F5;;
}

.comment-form-comment .nicEdit-main {
    outline: none;
    margin: 6px !important;
    font-size: 14px !important;
    line-height: 18px !important;
}

.comment-form-comment .nicEdit-main div,
.comment-form-comment .nicEdit-main p {
    font-size: 14px !important;
    line-height: 18px !important;
}

.comment .comment-body {
    word-wrap: break-word;
}

.comment .comment-body a {
    opacity: 0.5;
}

.comment .comment-body p {
    margin-bottom: 10px;
}

.post-mobile-share {
    margin: 10px 0;
    clear: both;
    text-align: center;
}

.post-mobile-share .share {
    margin-right: 7px;
    display: inline-block;
}

.post-mobile-share .share img {
    float: none;
    margin-bottom: 0;
}

.post-extra-panel {
    display: none;
    position: absolute;
    min-width: 50px;
    top: 1px;
    right: 100%;
    padding: 17px 6px 15px 11px;
    font: 700 20px/20px 'Oswald', sans-serif;
    letter-spacing: 0.05em;
    color: #aaa;
    background: #f6f6f6;
    background: rgba(240, 240, 240, 0.9);
    box-shadow: -10px 0 20px rgba(130, 130, 130, 0.1);
    z-index: 1;
    text-align: center;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    -ms-transition: all .1s;
    transition: all .1s;
}

.post-extra-panel.not-for-mobile {
    display: none;
}

.post-extra-panel .the-time {
    margin-bottom: 15px;
    white-space: nowrap;
}

.post-extra-panel .share {
    display: block;
    margin: 10px 0 0 0;
    text-align: center;
    opacity: 0.3;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s;
}

.archive-image {
    width: 199px;
}

.archive-list .post-extra-panel {
    width: 38px;
    right: 100%;
    padding: 7px 6px 7px 8px;
    font: 700 15px/20px 'Oswald', sans-serif;
}

.archive-list .post-extra-panel .the-time {
    margin-bottom: 10px;
}

.archive-list .post-extra-panel .share {
    margin: 10px 5px 0 5px;
}

:hover > .post-extra-panel .share {
    opacity: 0.8;
}

:hover > .post-extra-panel {
    padding-right: 12px;
    padding-left: 12px;
}

.post-extra-panel .share a img {
    display: inline-block;
    float: none;
    margin: 0;
}

.post-extra-panel .goto-next-post {
    display: none;
    width: 32px;
    float: none;
    margin: 16px 0 0 0;
    opacity: 0.15;
}

.post-extra-panel .goto-next-post img {
    max-width: 100%;
    float: none;
    margin: 0;
}

li.home-widget .post-extra-panel,
.single .post-extra-panel {
    display: block;
}

.post-list #archive-wrapper .post-extra-panel {
    display: block;
}

a[rel="author"] {
    color: #111;
}

.fvcn-post-form-author-logged-in {
    margin-bottom: 15px;
    border-top: 1px solid #ddd;
    /* border-bottom: 1px solid #ddd; */
    padding: 15px 0 0 0;
    color: #888;
}

.file-drop-supported .fvcn-post-form-thumbnail {
    position: relative;
    padding-bottom: 0;
}

.file-drop-supported .fvcn-post-form-thumbnail input[type="file"] {
    position: absolute;
    background: #fafafa;
    border: 1px dashed #ccc;
    padding: 30px 20px 50px 20px;
    top: 22px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
}

.fvcn-post-form .file-drop-placeholder {
    display: none;
}

.fvcn-post-added {
    font-size: 20px;
    padding: 40px 20%;
    text-align: center;
    line-height: 1.5em;
    color: #749B5A;
}

.file-drop-supported .fvcn-post-form .file-drop-placeholder {
    display: block;
    position: absolute;
    top: 40px;
    right: 20px;
    width: 40%;
    text-align: right;
    background: #fafafa;
    z-index: 2;
}

.file-drop-supported .fvcn-post-form-thumbnail .fvcn-error {
    margin-top: 90px;
}

.fvcn-post-form .fvcn-post-form-title,
.fvcn-post-form-link,
.fvcn-post-form-content,
.fvcn-post-form-tags,
.fvcn-post-form-thumbnail {
    margin-bottom: 15px;
}

.fvcn-post-form .fvcn-post-form-title label,
.fvcn-post-form-link label,
.fvcn-post-form-content label,
.fvcn-post-form-tags label,
.fvcn-post-form-thumbnail label {
    font-weight: bold;
}

.fvcn-post-form .fvcn-post-form-title input,
.fvcn-post-form-link input,
.fvcn-post-form-content textarea,
.fvcn-post-form-tags input,
.fvcn-post-form-thumbnail input {
    width: 100%;
    padding: 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fvcn-post-form-content textarea {
    height: 140px;
}

.fvcn-post-form .fvcn-post-form-title input {
    font-size: 18px;
}

.fvcn-post-form .fvcn-post-form-submit {
    text-align: center;
    padding-top: 10px;
}

.fvcn-post-form .fvcn-post-form-submit input {
    padding: 6px 40px;
    font-weight: bold;
    font-size: 20px;
    color: white;
    border: 1px solid #930000;
    background: #c70102; /* Old browsers */
    background: -moz-linear-gradient(top,  #930000 0%, #c70102 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#930000), color-stop(100%,#c70102)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #930000 0%,#c70102 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #930000 0%,#c70102 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #930000 0%,#c70102 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #930000 0%,#c70102 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#930000', endColorstr='#c70102',GradientType=0 ); /* IE6-9 */
}

.fvcn-registration-required {
    margin: 15px 0 0 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 15px 0 20px 70px;
    background: url('images/form-crossed.png') -5px center no-repeat;
}

.fvcn-registration-required p {
    margin: 5px 0 0 0 !important;
}

.fvcn-list-posts-widget {
    padding: 10px 0;
}

.fvcn-list-posts-widget .fvcn-post {
    border-bottom: 1px solid #ddd;
    margin: 10px 0;
    padding-bottom: 0;
}

.fvcn-list-posts-widget .fvcn-post h4 {
    margin: 10px 0 4px 0;
    padding: 0;
    font: 400 14px/18px 'Oswald', sans-serif;
    text-transform: uppercase;
}

.fvcn-list-posts-widget .fvcn-post .fvcn-post-link {
    position: relative;
    margin: 6px 0 0 0;
    font-size: 12px;
    font-weight: normal;
}

.fvcn-list-posts-widget .fvcn-post .fvcn-post-link a.source {
    background: url(images/icon-external-link.png) 0 1px no-repeat;
    padding-left: 16px;
}

.fvcn-list-posts-widget .fvcn-post .fvcn-post-link a.edit {
    position: absolute;
    top: 0;
    right: 0;
    background: #c70102;
    color: white;
    padding: 0px 7px;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}

.post-edit-link {
    padding: 2px 7px;
    background: #c70102;
    color: white !important;
    font-weight: bold;
    font-size: 14px;
}

.small-links .post-edit-link {
    font-size: 10px;
    padding: 1px 5px;
}

.post-image .small-links,
.archive-image .small-links {
    position: absolute;
    top: 0;
    left: 0;
}

.post-image .small-links .post-edit-link,
.archive-image .small-links .post-edit-link {
    display: block;
    padding: 1px 5px;
    line-height: 14px;
}

li > .post-image .small-links .post-edit-link,
li > .archive-image .small-links .post-edit-link {
    display: none;
}

li:hover > .post-image .small-links .post-edit-link,
li:hover > .archive-image .small-links .post-edit-link {
    display: block;
}

.archive-image .small-links .post-edit-link {
    padding: 2px 7px;
}

.cat-light-top .post-edit-link {
    top: -3px;
    position: relative;
    margin-left: 5px;
}

#title-main .post-edit-link {
    margin-left: 10px;
}

img.alignleft {
    margin-right: 10px;
    margin-bottom: 10px;
}

img.alignright {
    margin-left: 10px;
    margin-bottom: 10px;
}

/* Prev/next post nav */

#footer-bottom .menu a {
    color: #e0e0e0;
}

#footer-top .footer-widget .textwidget iframe {
    width: 100%:
}


.post-list #archive-wrapper  {
    float: left;
    padding: 20px 0;
    width: 100%;
}

.post-list ul.archive-list p {
    margin-bottom: 0;
}

.post-list ul.archive-list {
    padding: 0;
}

.post-list #archive-wrapper .archive-list li {
    position: relative;
    width: auto;
    margin: 0;
    padding: 15px 19px 15px 20px;
}

#post-area {
    margin-bottom: 20px;
}

/* Webtv */


.fds-webtv-popup {
    position: relative;
    background: #000;
    padding: 15px;
    width: 60%;
    max-width: 800px;
    margin: 0 auto;
}

.fds-webtv-popup h3 {
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 24px;
    line-height: 28px;
    color: #f0f0f0;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
}

.fds-webtv-popup .description {
    margin: 10px 0 0 0;
}

.fds-webtv-popup .links a {
    float: right;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: white;
    background: #c70102;
}

.fds-webtv-popup .links:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

.fds-widget-webtv li {
    padding: 10px 0;
}

.fds-widget-webtv h2 {
    margin: 0 0 10px 0;
}

.fds-widget-webtv h2,
.fds-widget-webtv h2 a,
.fds-widget-webtv h2 span {
    display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    color: #333;
}

.fds-widget-webtv h2 span {
    color: #666;
}

.fds-widget-webtv li .video {
    position: relative;
}

.fds-widget-webtv li .video .icon-play {
    height: 40px;
    width: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -25px;
    padding: 0;
    z-index: 10;
    background: url('/wp-content/plugins/fds-webtv/images/play-button.png') center center no-repeat;
}

.fds-widget-webtv .link-popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -1000px;
    overflow: hidden;
    z-index: 11;
}

.fds-widget-webtv .more a {
    float: right;
    padding: 3px 5px;
    color: white;
    background: #c70102;
}

.sidebar-small-widget .fds-widget-webtv h2,
.sidebar-small-widget .fds-widget-webtv h2 a,
.sidebar-small-widget .fds-widget-webtv h2 span {
    font-size: 16px;
}
.sidebar-small-widget .fds-widget-webtv li {
}

/* Fds loader */

.fds-loader {
    display: none;
    opacity: 0.8;
    background: rgba(255,255,255,0.5) url('images/preloader-blocks.gif') center 50px no-repeat;
}

.fds-loading:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.8;
    background: rgba(255,255,255,0.5) url('images/preloader-blocks.gif') center center no-repeat;
    z-index: 10;
}

.fds-pager {
    clear: both;
    padding: 20px 0;
}

/*.fds-pager .page {*/
    /*margin-right: 3px;*/
    /*padding: 1px 4px;*/
    /*font-size: 12px;*/
    /*font-weight: bold;*/
    /*color: white;*/
    /*background: #c70102;*/
    /*border: 0;*/
    /*outline: none;*/
    /*cursor: pointer;*/
/*}*/

/*.fds-pager .current {*/
    /*opacity: 0.4;*/
    /*cursor: default;*/
/*}*/


/* FDS Comments Wall */

#fds-comments-wall ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#fds-comments-wall {
    padding-bottom: 50px;
}

#fds-comments-wall ul li {
    position: relative;
    padding: 10px 15px;
    background: #F2F2F2;
    margin: 15px 0;
}

#fds-comments-wall ul li cite {
    font-weight: bold;
    float: none;
}

#fds-comments-wall ul li div.avatar {
    float: left;
    padding-top: 2px;
}

#fds-comments-wall ul li .comment-content {
    margin-left: 80px;
}

#fds-comments-wall ul li .author {
    padding-bottom: 5px;
    font-size: 12px;
}

#fds-comments-wall ul li .cpost {
    line-height: 14px;
    font-size: 13px;
    padding-top: 5px;
    color: #666;
    font-style: italic;
}

#fds-comments-wall ul li .cpost a {
    font-family: 'Oswald', sans-serif;
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
}

#fds-comments-wall ul li .extrait {
    overflow: hidden;
    min-height: 32px;
    color: #444;
    font-size: 14px;
}

#fds-comments-wall ul li.collapsed .extrait {
    height: 96px;
}

#fds-comments-wall ul li.expandable {
    padding-bottom: 15px;
}

#fds-comments-wall ul li.expanded .extrait {
    height: auto;
}

#fds-comments-wall ul li .read-more {
    overflow: hidden;
    position: relative;
    width: 140px;
    height: 26px;
    margin: 0 0 5px 0;
    padding: 0;
    background: #e0e0e0 center center no-repeat;
    border-top: 1px solid #dadada;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
}

#fds-comments-wall ul li.expanded .read-more {
    text-indent: 10000px;
    background: #e0e0e0 url('/wp-content/plugins/fds-comments-wall/arrow-up.gif') center center no-repeat;
}

#fds-comments-wall ul .flash-bgcolor {
}

#fds-comments-wall ul li.highlight {
    background-color: lightyellow;
}

#fds-comments-wall .queue {
    position: relative;
    padding: 5px 10px;
    margin-bottom: 10px;
    border-radius: 7px;
    color: white;
    text-shadow: #004182 0px 1px 2px;
    font-weight: bold;
    font-family: arial;
    font-size: 15px;
    opacity: 1;
    background: rgb(122,188,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(42,133,224,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(42,133,224,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(42,133,224,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(42,133,224,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(42,133,224,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(42,133,224,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#2a85e0',GradientType=0 ); /* IE6-9 */
    cursor: pointer;
}

#fds-comments-wall .queue .time-to-wait {
    position: absolute;
    height: 18px;
    right: 12px;
    top: 50%;
    margin-top: -9px;
    font-size: 12px;
}

#fds-comments-wall .queue .time-to-wait-loader {
    width: 120px;
    text-indent: -1000px;
    background: url('/wp-content/plugins/fds-comments-wall/loader.gif') center center no-repeat;
    overflow: hidden;
}

#fds-comments-wall .queue-fixed {
    z-index: 40;
    position: fixed !important;
    top: 30px;
}

#fds-comments-wall .queue-fixed-bottom {
    position: absolute !important;
    top: auto;
    bottom: 0;
}

/* Fds tabs */

.fds-tabs {
    clear: both;
}

.fds-tabs .tabs-links {
}

.fds-tabs .tabs-links a {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 5px 7px;
    font: 400 12px/12px 'Oswald', sans-serif;
    text-transform: uppercase;
    color: #fff;
    background: #777;
    text-decoration: none;
}

.fds-tabs .tabs-links a.active {
    background: #c70102;
}

.fds-tabs .tabs {

}

.fds-tabs .tabs .tab {
    display: none;
}

.fds-tabs .tabs .tab.active {
    display: block;
}

#tab-tweets iframe {
    width: 100%;
}

.fds-notify-error,
.fds-notify-success {
    display: block;
    margin: 20px 0;
    padding: 7px 7px 7px 30px;
    font-size: 12px;
    text-align: left;
    border-radius: 1px;
}

.fds-notify-error {
    color: rgb(158, 10, 10);
    background: rgb(248, 209, 196) url('images/icon-notify-error-16.png') 6px 6px no-repeat;
    border: 1px solid rgb(214, 162, 149);
}

.fds-notify-success {
    color: rgb(50, 99, 4);
    background: rgb(208, 238, 169) url('images/icon-notify-success-16.png') 6px 6px no-repeat;
    border: 1px solid rgb(175, 206, 152);
}

body.page-id-273373 #title-main {
    background: transparent url(images/banner-proposition-article.png) right 59% no-repeat;
    position: relative;
}

body.logged-in #nav-wrapper.fixed {
    margin-top: 32px;
}

.sidebar-widget .cat-dark-text {
    clear: both;
    position: relative;
    float: none;
    padding: 12px 20px 12px 20px;
    color: #dddddd;
}

.sidebar-widget .cat-dark-top {
    margin: 0;
}

.sidebar-widget .cat-dark-top h2 {
    float: none;
}

.sidebar-widget .cat-dark-top h2 a {
    color: white;
}

.sidebar-widget .cat-dark-top .post-video {
    margin: 0 0 -10px 0;
}

.sidebar-widget .cat-dark-top .post-content-list {
    margin: 5px 0;
}

.sidebar-widget .cat-light-top .post-image {
    width: 50%;
    margin-right: 6px;
}

.sidebar-widget .cat-light-top .post-image img a {
    display: block;
}

.sidebar-widget .cat-light-top .post-image img {
    margin: 3px 0;
    width: 100%;
    display: block;
}

/* WP Polls */

.wp-polls ul li,
.wp-polls-ul li,
.wp-polls-ans ul li {
    padding: 6px 0;
    border-bottom: 1px solid #e6e6e6;
}

.wp-polls-form > p {
    text-align: left !important;
}

.wp-polls-form > p strong {
    font-size: 20px;
    line-height: 24px;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    text-align: left;
}

.wp-polls-archive .wp-polls-ans p {
    margin: 0 !important;
}

.wp-polls-archive .fds-wp-polls-date {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #ccc;
    text-align: center;
    font-style: italic;
    font-size: 10px;
}

.wp-polls .pollbar,
.wp-polls-archive .pollbar {
    background: #5290FF !important;
    height: 10px !important;
}

.wp-polls-archive ul li,
.wp-polls-archive .wp-polls-ul li,
.wp-polls-archive .wp-polls-ans ul li {
    border: 0;
}

.wp-polls-archive .fds-wp-poll-question {
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    line-height: 28px;
    padding: 0 20px;
}


.fds-button,
.fds-button:visited,
.fds-wp-poll-total-votes input {
    padding: 5px 10px;
    font-weight: bold;
    color: white;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 11px;
    background: #c70102 !important;
    border: 0 !important;
}

h3.sidebar-widget-header,
h3.sidebar-widget-header a {
    font: 400 14px/12px 'Oswald', sans-serif;
}

/* Categories */

#wpadminbar .ab-icon:before {
    top: 2px;
}

#wpadminbar a .counter-format span {
    background: #a0a0a0;
    color: #222;
    text-shadow:none;
    display:inline;
    padding:2px 5px;
    font-size:10px;
    font-weight:bold;
    -moz-border-radius:10px;
    -khtml-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}

#wpadminbar a:hover .counter-format span {
    background:#fff;
    color:#000;
}

/* SHOUTBOX FDS */

.fds-shoutbox {
    background: #eeeeee;
    width: 100%;
    padding: 20px 0;
    position: relative;
    font-size: 13px;
    font-family: Arial;
    margin-bottom: 50px;
}
.fds-shoutbox .fds-shoutbox-wrapper {
    height: 500px;
    background: #fff;
    margin: 0 20px;
    position: relative;
    overflow: scroll;
    overflow-y: scroll;
    overflow-x: hidden;
}
.fds-shoutbox .fds-shoutbox-info,
.fds-shoutbox .fds-shoutbox-dialog {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 50px;
    line-height: 50px;
    margin-top: -50px;
    text-align: center;
}
.fds-shoutbox .fds-shoutbox-info span,
.fds-shoutbox .fds-shoutbox-dialog span {
    width: 85%;
    margin: 0 auto;
    display: block;
    padding: 5px;
    background: rgba(250,250,250, 0.85);
    border: 1px solid #eee;
}
.fds-shoutbox .fds-shoutbox-messages {
    margin: 0 !important;
    padding: 0;
}
.fds-shoutbox .fds-shoutbox-messages.stick-down {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.fds-shoutbox-loading .fds-shoutbox-messages {
    background: url('images/red-preloader.gif') center center no-repeat;
    min-height: 100%;
}
.fds-shoutbox-loading .fds-shoutbox-messages li {
    display: none;
}
.fds-shoutbox .fds-shoutbox-messages li {
    position: relative;
    margin: 0 !important;
    padding: 5px;
    border-bottom: 1px solid #F8F8F8;
    list-style-type: none;
}
.fds-shoutbox .fds-shoutbox-messages li span.date {
    color: #888888;
    font-size: 11px;
}

.fds-shoutbox .fds-shoutbox-messages li .line-buttons {
    display: none;
    position: absolute;
    right: 5px;
    top: 5px;
}
.fds-shoutbox .fds-shoutbox-messages li:hover .line-buttons {
    display: block;
}
.fds-shoutbox .fds-shoutbox-messages li .line-buttons a {
    display: block;
    float: right;
    padding: 0 8px;
    margin-left: 7px;
    color: white;
    background: black;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    text-decoration: none;
    opacity: 0.7;
}
.fds-shoutbox .fds-shoutbox-messages li .line-buttons a:hover {
    opacity: 1;
}
.fds-shoutbox .fds-shoutbox-messages li a.delete {
    background: #AA190D;
}
.fds-shoutbox .fds-shoutbox-messages li a.kick {
    background: #222222;
}
.fds-shoutbox .fds-shoutbox-messages li a.ban {
    background: #222222;
}
.fds-shoutbox .fds-shoutbox-messages li a.promote {
    background: #0047B3;
}
.fds-shoutbox .fds-shoutbox-messages li a.unpromote {
    background: #0047B3;
}
.fds-shoutbox .fds-send {
    display: none;
    padding: 10px 20px;
    padding-bottom: 0;
    margin-right: 20px;
}
.fds-shoutbox-loading .fds-send {
}
.fds-shoutbox-posting .fds-send {
    background: url('images/mini-preloader.gif') right 20px no-repeat;
}
.fds-shoutbox .fds-send-message {
    width: 79%;
    padding: 5px;
    box-sizing: border-box;
    margin: 0 !important;
}
.fds-shoutbox .fds-send-button {
    width: 20%;
    margin: 0 !important;
    padding: 5px 10px;
    box-sizing: border-box;
}

.fds-shoutbox .fds-config {
    color: #cccccc;
    font-size: 11px;
    line-height: 18px;
}
.fds-shoutbox .fds-config input {
    vertical-align: top;
}

.singular .fds-shoutbox .fds-send-message {
    width: 430px;
}
.singular .fds-shoutbox .fds-shoutbox-info span,
.singular .fds-shoutbox .fds-shoutbox-dialog span {
    width: 400px;
}

.entry-content .fds-shoutbox  {
    margin-bottom: 10px;
}

.fds-shoutbox .fds-send .info {
    margin: 0;
    padding: 0 5px;
    font-size: 11px;
    color: #999;
}

/* Shoutbox groups (tabs) */

.fds-shoutbox .fds-shoutbox-groups {
    position: absolute;
    top: -27px;
    height: 27px;
    left: 0;
    margin: 0;
    padding: 0;
    color: #fff;
    background: #555555;
    overflow: hidden;
}

.fds-shoutbox .fds-shoutbox-groups li {
    display: block;
    float: left;
    padding: 5px;
    height: 16px;
    line-height: 16px;
    color: #666;
    border-right: 1px solid #555555;
    background: #333333;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.fds-shoutbox .fds-shoutbox-groups li.active {
    color: #fff;
    background: #555555;
}

.fds-shoutbox .fds-shoutbox-groups li .label {
    margin: 0 2px;
}

.fds-shoutbox .fds-shoutbox-groups li .close {
    margin: 0 0 0 2px;
    font-weight: bold;
    color: #404040;
}

.fds-shoutbox .fds-shoutbox-groups li.active .close {
    color: #808080;
}

.fds-shoutbox .fds-shoutbox-groups li .close:hover {
    color: rgb(136, 61, 61);
}

.fds-shoutbox .fds-shoutbox-groups li.active .close:hover {
    color: rgb(167, 96, 96);
}

.fds-shoutbox .fds-shoutbox-groups li.new-messages {
    background: rgb(194, 158, 66);
    color: #ffffff;
}

.not-for-mobile {
    display: block;
}

.for-mobile {
    display: none;
}

/* MEDIA QUERIES */


#menu-item-450541 a {
    -webkit-animation-name: trembleB;
    -webkit-animation-duration: 15s;
    -webkit-transform-origin:50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 9s;

    -moz-animation-name: trembleB;
    -moz-animation-duration: 15s;
    -moz-transform-origin:50% 50%;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -moz-animation-delay: 9s;

    animation-name: trembleB;
    animation-duration: 15s;
    transform-origin:50% 50%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 9s;
}

#menu-item-450543 a {
    -webkit-animation-name: trembleR;
    -webkit-animation-duration: 8s;
    -webkit-transform-origin:50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 5s;

    -moz-animation-name: trembleR;
    -moz-animation-duration: 8s;
    -moz-transform-origin:50% 50%;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -moz-animation-delay: 5s;

    animation-name: trembleR;
    animation-duration: 8s;
    transform-origin:50% 50%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 5s;
}

#menu-item-450541 a:hover,
#menu-item-450543 a:hover {
    color: #0066ae !important;
    -webkit-animation-name: trembleHover;
    -webkit-animation-duration: 1s;
    -webkit-transform-origin:50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;

    -moz-animation-name: trembleHover;
    -moz-animation-duration: 1s;
    -moz-transform-origin:50% 50%;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -moz-animation-delay: 0s;

    animation-name: trembleHover;
    animation-duration: 1s;
    transform-origin:50% 50%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 0s;
}

#menu-item-450541 a:hover {
    color: #0066ae !important;
}

#menu-item-450543 a:hover {
    color: #C70102 !important;
}

@-webkit-keyframes trembleHover {
    0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
    10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
    20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
    30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
    40% { -webkit-transform: translate(1px, -1px) rotate(1deg);}
    50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
    60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
    70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
    80% { -webkit-transform: translate(-1px, -1px) rotate(1deg);  }
    90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
    10% { -webkit-transform: translate(0, 0) rotate(0deg); }
}

@-webkit-keyframes trembleR {

    0% { -webkit-transform: translate(2px, 1px) rotate(0deg); color: #aaaaaa; }
    1% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
    2% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
    3% { -webkit-transform: translate(0px, 2px) rotate(0deg); color: #C70102; }
    4% { -webkit-transform: translate(1px, -1px) rotate(1deg);}
    5% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
    6% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
    7% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
    8% { -webkit-transform: translate(-1px, -1px) rotate(1deg); color: #C70102; }
    9% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
    10% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
    11% { -webkit-transform: translate(0, 0) rotate(0deg); color: #aaaaaa; }

    62% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); color: #aaaaaa; }
    63% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
    64% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
    65% { -webkit-transform: translate(1px, -1px) rotate(1deg); color: #C70102; }
    66% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
    67% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
    68% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
    69% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
    70% { -webkit-transform: translate(2px, 2px) rotate(0deg); color: #C70102; }
    71% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
    72% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
    73% { -webkit-transform: translate(0, 0) rotate(0deg); color: #aaaaaa; }

    35% { opacity: 1.0; }
    36% { opacity: 0.3; }
    37% { opacity: 1.0; }
}

@-moz-keyframes trembleR {

    0% { -moz-transform: translate(2px, 1px) rotate(0deg); color: #aaaaaa; }
    1% { -moz-transform: translate(-1px, -2px) rotate(-1deg); }
    2% { -moz-transform: translate(-3px, 0px) rotate(1deg); }
    3% { -moz-transform: translate(0px, 2px) rotate(0deg); color: #C70102; }
    4% { -moz-transform: translate(1px, -1px) rotate(1deg);}
    5% { -moz-transform: translate(-1px, 2px) rotate(-1deg); }
    6% { -moz-transform: translate(-3px, 1px) rotate(0deg); }
    7% { -moz-transform: translate(2px, 1px) rotate(-1deg); }
    8% { -moz-transform: translate(-1px, -1px) rotate(1deg); color: #C70102; }
    9% { -moz-transform: translate(2px, 2px) rotate(0deg); }
    10% { -moz-transform: translate(1px, -2px) rotate(-1deg); }
    11% { -moz-transform: translate(0, 0) rotate(0deg); color: #aaaaaa; }

    62% { -moz-transform: translate(-1px, -2px) rotate(-1deg); color: #aaaaaa; }
    63% { -moz-transform: translate(-3px, 0px) rotate(1deg); }
    64% { -moz-transform: translate(0px, 2px) rotate(0deg); }
    65% { -moz-transform: translate(1px, -1px) rotate(1deg); color: #C70102; }
    66% { -moz-transform: translate(-1px, 2px) rotate(-1deg); }
    67% { -moz-transform: translate(-3px, 1px) rotate(0deg); }
    68% { -moz-transform: translate(2px, 1px) rotate(-1deg); }
    69% { -moz-transform: translate(-1px, -1px) rotate(1deg); }
    70% { -moz-transform: translate(2px, 2px) rotate(0deg); color: #C70102; }
    71% { -moz-transform: translate(1px, -2px) rotate(-1deg); }
    72% { -moz-transform: translate(2px, 1px) rotate(0deg); }
    73% { -moz-transform: translate(0, 0) rotate(0deg); color: #aaaaaa; }

    35% { opacity: 1.0; }
    36% { opacity: 0.3; }
    37% { opacity: 1.0; }
}

@keyframes trembleR {

    0% { transform: translate(2px, 1px) rotate(0deg); color: #aaaaaa; }
    1% { transform: translate(-1px, -2px) rotate(-1deg); }
    2% { transform: translate(-3px, 0px) rotate(1deg); }
    3% { transform: translate(0px, 2px) rotate(0deg); color: #C70102; }
    4% { transform: translate(1px, -1px) rotate(1deg);}
    5% { transform: translate(-1px, 2px) rotate(-1deg); }
    6% { transform: translate(-3px, 1px) rotate(0deg); }
    7% { transform: translate(2px, 1px) rotate(-1deg); }
    8% { transform: translate(-1px, -1px) rotate(1deg); color: #C70102; }
    9% { transform: translate(2px, 2px) rotate(0deg); }
    10% { transform: translate(1px, -2px) rotate(-1deg); }
    11% { transform: translate(0, 0) rotate(0deg); color: #aaaaaa; }

    62% { transform: translate(-1px, -2px) rotate(-1deg); color: #aaaaaa; }
    63% { transform: translate(-3px, 0px) rotate(1deg); }
    64% { transform: translate(0px, 2px) rotate(0deg); }
    65% { transform: translate(1px, -1px) rotate(1deg); color: #C70102; }
    66% { transform: translate(-1px, 2px) rotate(-1deg); }
    67% { transform: translate(-3px, 1px) rotate(0deg); }
    68% { transform: translate(2px, 1px) rotate(-1deg); }
    69% { transform: translate(-1px, -1px) rotate(1deg); }
    70% { transform: translate(2px, 2px) rotate(0deg); color: #C70102; }
    71% { transform: translate(1px, -2px) rotate(-1deg); }
    72% { transform: translate(2px, 1px) rotate(0deg); }
    73% { transform: translate(0, 0) rotate(0deg); color: #aaaaaa; }

    35% { opacity: 1.0; }
    36% { opacity: 0.3; }
    37% { opacity: 1.0; }
}

@-webkit-keyframes trembleB {
    0% { -webkit-transform: translate(2px, 1px) rotate(0deg); color: #aaaaaa; }
    .5% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
    1% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
    1.5% { -webkit-transform: translate(0px, 2px) rotate(0deg); color: #0066ae; }
    2% { -webkit-transform: translate(1px, -1px) rotate(1deg);}
    2.5% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
    3% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
    3.5% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
    4% { -webkit-transform: translate(-1px, -1px) rotate(1deg); color: #0066ae; }
    4.5% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
    5% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
    5.5% { -webkit-transform: translate(0, 0) rotate(0deg); color: #aaaaaa; }

    62% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); color: #aaaaaa; }
    62.5% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
    63% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
    63.5% { -webkit-transform: translate(1px, -1px) rotate(1deg); color: #0066ae; }
    64% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
    64.5% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
    65% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
    65.5% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
    66% { -webkit-transform: translate(2px, 2px) rotate(0deg); color: #0066ae; }
    66.5% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
    67% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
    67.5% { -webkit-transform: translate(0, 0) rotate(0deg); color: #aaaaaa; }

    35% { opacity: 1.0; }
    35.5% { opacity: 0.3; }
    36% { opacity: 1.0; }
}

@-moz-keyframes trembleB {
    0% { -moz-transform: translate(2px, 1px) rotate(0deg); color: #aaaaaa; }
    .5% { -moz-transform: translate(-1px, -2px) rotate(-1deg); }
    1% { -moz-transform: translate(-3px, 0px) rotate(1deg); }
    1.5% { -moz-transform: translate(0px, 2px) rotate(0deg); color: #0066ae; }
    2% { -moz-transform: translate(1px, -1px) rotate(1deg);}
    2.5% { -moz-transform: translate(-1px, 2px) rotate(-1deg); }
    3% { -moz-transform: translate(-3px, 1px) rotate(0deg); }
    3.5% { -moz-transform: translate(2px, 1px) rotate(-1deg); }
    4% { -moz-transform: translate(-1px, -1px) rotate(1deg); color: #0066ae; }
    4.5% { -moz-transform: translate(2px, 2px) rotate(0deg); }
    5% { -moz-transform: translate(1px, -2px) rotate(-1deg); }
    5.5% { -moz-transform: translate(0, 0) rotate(0deg); color: #aaaaaa; }

    62% { -moz-transform: translate(-1px, -2px) rotate(-1deg); color: #aaaaaa; }
    62.5% { -moz-transform: translate(-3px, 0px) rotate(1deg); }
    63% { -moz-transform: translate(0px, 2px) rotate(0deg); }
    63.5% { -moz-transform: translate(1px, -1px) rotate(1deg); color: #0066ae; }
    64% { -moz-transform: translate(-1px, 2px) rotate(-1deg); }
    64.5% { -moz-transform: translate(-3px, 1px) rotate(0deg); }
    65% { -moz-transform: translate(2px, 1px) rotate(-1deg); }
    65.5% { -moz-transform: translate(-1px, -1px) rotate(1deg); }
    66% { -moz-transform: translate(2px, 2px) rotate(0deg); color: #0066ae; }
    66.5% { -moz-transform: translate(1px, -2px) rotate(-1deg); }
    67% { -moz-transform: translate(2px, 1px) rotate(0deg); }
    67.5% { -moz-transform: translate(0, 0) rotate(0deg); color: #aaaaaa; }

    35% { opacity: 1.0; }
    35.5% { opacity: 0.3; }
    36% { opacity: 1.0; }
}

@keyframes trembleB {
    0% { transform: translate(2px, 1px) rotate(0deg); color: #aaaaaa; }
    .5% { transform: translate(-1px, -2px) rotate(-1deg); }
    1% { transform: translate(-3px, 0px) rotate(1deg); }
    1.5% { transform: translate(0px, 2px) rotate(0deg); color: #0066ae; }
    2% { transform: translate(1px, -1px) rotate(1deg);}
    2.5% { transform: translate(-1px, 2px) rotate(-1deg); }
    3% { transform: translate(-3px, 1px) rotate(0deg); }
    3.5% { transform: translate(2px, 1px) rotate(-1deg); }
    4% { transform: translate(-1px, -1px) rotate(1deg); color: #0066ae; }
    4.5% { transform: translate(2px, 2px) rotate(0deg); }
    5% { transform: translate(1px, -2px) rotate(-1deg); }
    5.5% { transform: translate(0, 0) rotate(0deg); color: #aaaaaa; }

    62% { transform: translate(-1px, -2px) rotate(-1deg); color: #aaaaaa; }
    62.5% { transform: translate(-3px, 0px) rotate(1deg); }
    63% { transform: translate(0px, 2px) rotate(0deg); }
    63.5% { transform: translate(1px, -1px) rotate(1deg); color: #0066ae; }
    64% { transform: translate(-1px, 2px) rotate(-1deg); }
    64.5% { transform: translate(-3px, 1px) rotate(0deg); }
    65% { transform: translate(2px, 1px) rotate(-1deg); }
    65.5% { transform: translate(-1px, -1px) rotate(1deg); }
    66% { transform: translate(2px, 2px) rotate(0deg); color: #0066ae; }
    66.5% { transform: translate(1px, -2px) rotate(-1deg); }
    67% { transform: translate(2px, 1px) rotate(0deg); }
    67.5% { transform: translate(0, 0) rotate(0deg); color: #aaaaaa; }

    35% { opacity: 1.0; }
    35.5% { opacity: 0.3; }
    36% { opacity: 1.0; }
}


/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80); }

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden; }

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.mfp-align-top .mfp-container:before {
    display: none; }

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; }

.mfp-ajax-cur {
    cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
    cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }

.mfp-loading.mfp-figure {
    display: none; }

.mfp-hide {
    display: none !important; }

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044; }
.mfp-preloader a {
    color: #cccccc; }
.mfp-preloader a:hover {
    color: white; }

.mfp-s-ready .mfp-preloader {
    display: none; }

.mfp-s-error .mfp-content {
    display: none; }

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none; }
button::-moz-focus-inner {
    padding: 0;
    border: 0; }

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
.mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
    color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; }

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px; }

.mfp-arrow {
    position: absolute;
    opacity: 0.25;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 120px;
    height: 182px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
    margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 56px;
    border-bottom-width: 56px;
    top: 5px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 56px;
    border-bottom-width: 56px;
    opacity: 0.7; }

.mfp-arrow-left {
    left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 56px solid white;
    margin-left: 22px;
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    border-right: 56px solid #3f3f3f;
    margin-left: 25px;
}
.mfp-arrow-right {
    right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 56px solid white;
    margin-left: 22px;
}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 56px solid #3f3f3f;
    margin-left: 19px;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
.mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
    line-height: 0; }
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
.mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px; }

.mfp-image-holder .mfp-content {
    max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }

#content-social {
    float: right;
    max-width: 304px;
}

#content-social ul {
    display: inline;
    float: left;
}

#content-social ul li {
    border-left: 1px solid #ddd;
    display: inline;
    float: left;
    overflow: hidden;
}

.fb-but,
.twitter-but,
.pinterest-but,
.instagram-but,
.google-but,
.tumblr-but,
.linkedin-but,
.rss-but {
    float: left;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s;
    -webkit-transition: all .1s;
    transition: all .1s;
    width: 30px;
    height: 30px;
}

#top-header-wrapper .fb-but,
#top-header-wrapper .twitter-but,
#top-header-wrapper .pinterest-but,
#top-header-wrapper .instagram-but,
#top-header-wrapper .google-but,
#top-header-wrapper .tumblr-but,
#top-header-wrapper .linkedin-but,
#top-header-wrapper    .rss-but {
    height: 34px;
}

.fb-but {
    background: #fff url(images/social-buttons.png) 0 0;
}

.fb-but:hover {
    background: #3b5997 url(images/social-buttons.png) 0 -30px;
}

.twitter-but {
    background: #fff url(images/social-buttons.png) -30px 0;
}

.twitter-but:hover {
    background: #00aced url(images/social-buttons.png) -30px -30px;
}

.pinterest-but {
    background: #fff url(images/social-buttons.png) -60px 0;
}

.pinterest-but:hover {
    background: #cb2027 url(images/social-buttons.png) -60px -30px;
}

.instagram-but {
    background: #fff url(images/social-buttons.png) -234px 0;
}

.instagram-but:hover {
    background: #36658c url(images/social-buttons.png) -234px -30px;
}

.google-but {
    background: #fff url(images/social-buttons.png) -90px 0;
}

.google-but:hover {
    background: #000 url(images/social-buttons.png) -90px -30px;
}

.tumblr-but {
    background: #fff url(images/social-buttons.png) -264px 0;
}

.tumblr-but:hover {
    background: #304e6c url(images/social-buttons.png) -264px -30px;
}

.youtube-but {
    background: #fff url(images/social-buttons.png) -120px 0;
    float: left;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    width: 54px;
    height: 30px;
}

.youtube-but:hover {
    background: #f00 url(images/social-buttons.png) -120px -30px;
}

.linkedin-but {
    background: #fff url(images/social-buttons.png) -174px 0;
}

.linkedin-but:hover {
    background: #069 url(images/social-buttons.png) -174px -30px;
}

.rss-but {
    background: #fff url(images/social-buttons.png) -204px 0;
}

.rss-but:hover {
    background: #f60 url(images/social-buttons.png) -204px -30px;
}

#logo-wrapper {
    float: left;
    margin-top: 15px;
    width: 100%;
}

#logo-small {
    float: left;
    margin: 15px 15px 0 0;
    width: 257px;
}

/* Newsletter - abonnement */

#home-main .widget_wysija_cont .wysija-paragraph {
    float: left;
}

#home-main .widget_wysija_cont .wysija-submit {
    float: left;
    margin-top: 18px;
    margin-left: 5px;
}

#site #leader-wrapper {
    width: 450px;
    position: absolute;
    float: none;
    top: 20px;
    right: 0;
}

#site #leader-wrapper img {
    width: 670px !important;
    height: auto !important;
    max-width: none;
    margin-left: -110px;
}

@media screen and (max-width: 1002px) {

    #site #leader-wrapper {
        width: 375px;
        position: absolute;
        float: none;
        top: 38px;
        right: 0;
    }

    #site #leader-wrapper img {
        width: 570px !important;
        height: auto !important;
        max-width: none;
        margin-left: -102px;
    }
}

@media screen and (max-width: 767px) {

    #site #leader-wrapper {
        position: relative;
        width: 100%;
        margin: 50px 0 -25px 0;
        top: 0;
        right: auto;
    }

    #site #leader-wrapper img {
        margin-left: -70px;
        width: 729px !important;
    }
}

@media screen and (max-width: 599px) {

    #site #leader-wrapper {
        position: relative;
        width: 100%;
        margin: 38px 0 -39px 0;
    }

    #site #leader-wrapper img {
        width: 712px !important;
        margin-left: -116px;
    }
}

@media screen and (max-width: 479px) {

    #site #leader-wrapper {
        position: relative;
        width: 100%;
        margin: 70px 0 -28px 0;
    }

    #site #leader-wrapper img {
        width: 478px !important;
        margin-left: -80px;
    }
}