/*

   Theme Name: Marechal

   Theme URI: http:// eunit.ch/marechal/marechal

   Author: eunit

   Description: This is a theme for marechal



*/



@font-face {

    font-family: 'SolitasSlab-ConBol';

    src: url('assets/fonts/SolitasSlab-ConBol.eot');

    src: url('assets/fonts/SolitasSlab-ConBol.eot?#iefix') format('embedded-opentype'), url('assets/fonts/SolitasSlab-ConBol.woff2') format('woff2'), url('assets/fonts/SolitasSlab-ConBol.woff') format('woff'), url('assets/fonts/SolitasSlab-ConBol.ttf') format('truetype'), url('assets/fonts/SolitasSlab-ConBol.svg#SolitasSlab-ConBol') format('svg');

    font-weight: normal;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



@font-face {

    font-family: 'SolitasSlab-ConDem';

    src: url('assets/fonts/SolitasSlab-ConDem.eot');

    src: url('assets/fonts/SolitasSlab-ConDem.eot?#iefix') format('embedded-opentype'), url('assets/fonts/SolitasSlab-ConDem.woff2') format('woff2'), url('assets/fonts/SolitasSlab-ConDem.woff') format('woff'), url('assets/fonts/SolitasSlab-ConDem.ttf') format('truetype'), url('assets/fonts/SolitasSlab-ConDem.svg#SolitasSlab-ConDem') format('svg');

    font-weight: normal;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



@font-face {

    font-family: 'SolitasSlab-ConMed';

    src: url('assets/fonts/SolitasSlab-ConMed.eot');

    src: url('assets/fonts/SolitasSlab-ConMed.eot?#iefix') format('embedded-opentype'), url('assets/fonts/SolitasSlab-ConMed.woff2') format('woff2'), url('assets/fonts/SolitasSlab-ConMed.woff') format('woff'), url('assets/fonts/SolitasSlab-ConMed.ttf') format('truetype'), url('assets/fonts/SolitasSlab-ConMed.svg#SolitasSlab-ConMed') format('svg');

    font-weight: normal;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



@font-face {

    font-family: 'SolitasSlab-ConReg';

    src: url('assets/fonts/SolitasSlab-ConReg.eot');

    src: url('assets/fonts/SolitasSlab-ConReg.eot?#iefix') format('embedded-opentype'), url('assets/fonts/SolitasSlab-ConReg.woff2') format('woff2'), url('assets/fonts/SolitasSlab-ConReg.woff') format('woff'), url('assets/fonts/SolitasSlab-ConReg.ttf') format('truetype'), url('assets/fonts/SolitasSlab-ConReg.svg#SolitasSlab-ConReg') format('svg');

    font-weight: normal;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



@font-face {

    font-family: 'SolitasSlab-NorBol';

    src: url('assets/fonts/SolitasSlab-NorBol.eot');

    src: url('assets/fonts/SolitasSlab-NorBol.eot?#iefix') format('embedded-opentype'), url('assets/fonts/SolitasSlab-NorBol.woff2') format('woff2'), url('assets/fonts/SolitasSlab-NorBol.woff') format('woff'), url('assets/fonts/SolitasSlab-NorBol.ttf') format('truetype'), url('assets/fonts/SolitasSlab-NorBol.svg#SolitasSlab-NorBol') format('svg');

    font-weight: normal;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



@font-face {

    font-family: 'SolitasSlab-NorBoo';

    src: url('assets/fonts/SolitasSlab-NorBoo.eot');

    src: url('assets/fonts/SolitasSlab-NorBoo.eot?#iefix') format('embedded-opentype'), url('assets/fonts/SolitasSlab-NorBoo.woff2') format('woff2'), url('assets/fonts/SolitasSlab-NorBoo.woff') format('woff'), url('assets/fonts/SolitasSlab-NorBoo.ttf') format('truetype'), url('assets/fonts/SolitasSlab-NorBoo.svg#SolitasSlab-NorBoo') format('svg');

    font-weight: normal;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



@font-face {

    font-family: 'SolitasSlab-NorMed';

    src: url('assets/fonts/SolitasSlab-NorMed.eot');

    src: url('assets/fonts/SolitasSlab-NorMed.eot?#iefix') format('embedded-opentype'), url('assets/fonts/SolitasSlab-NorMed.woff2') format('woff2'), url('assets/fonts/SolitasSlab-NorMed.woff') format('woff'), url('assets/fonts/SolitasSlab-NorMed.ttf') format('truetype'), url('assets/fonts/SolitasSlab-NorMed.svg#SolitasSlab-NorMed') format('svg');

    font-weight: normal;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



@font-face {

    font-family: 'SolitasSlab-NorLig';

    src: url('assets/fonts/SolitasSlab-NorLig.eot?#iefix') format('embedded-opentype'), url('assets/fonts/SolitasSlab-NorLig.otf') format('opentype'), url('assets/fonts/SolitasSlab-NorLig.woff') format('woff'), url('assets/fonts/SolitasSlab-NorLig.ttf') format('truetype'), url('assets/fonts/SolitasSlab-NorLig.svg#SolitasSlab-NorLig') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: "bradley_hand_itc_tt_bold";

    src: url("assets/fonts/bradley_hand_itc_tt_bold.eot");

    src: url("assets/fonts/bradley_hand_itc_tt_bold.eot?#iefix") format("embedded-opentype"), url("assets/fonts/bradley_hand_itc_tt_bold.woff") format("woff"), url("assets/fonts/bradley_hand_itc_tt_bold.ttf") format("truetype"), url("assets/fonts/bradley_hand_itc_tt_bold.svg#bradley_hand_itc_tt_bold") format("svg");

    font-weight: normal;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}





/*** Button Style ****************************************************/



html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

    color: #ffffff;

}



body {

    font-family: 'SolitasSlab-ConBol';

    font-size: 14px;

    background: #000;

    -webkit-transition: all 300ms ease-in 0s;

    -moz-transition: all 300ms ease-in 0s;

    transition: all 300ms ease-in 0s;

    color: #ffffff;

}



html {

    -webkit-transition: all 300ms ease-in 0s;

    -moz-transition: all 300ms ease-in 0s;

    transition: all 300ms ease-in 0s;

}





/**

 * Headings

 * ----------------------------------------------------------------------------

 */



h1,

h2,

h3,

h4,

h5,

h6 {

    clear: both;

    font-weight: normal;

    margin: 0;

    padding: 0;

}



h1 {

    font-size: 28px;

    line-height: 75px;

}



h2 {

    font-size: 50px;

    line-height: 47px;

    font-family: 'SolitasSlab-ConBol';

}



h3 {

    font-size: 24px;

    line-height: 30px;

}



h4 {

    font-size: 22px;

    line-height: 25px;

}



h5 {

    font-size: 20px;

    line-height: 22px;

}



h6 {

    font-size: 18px;

    line-height: 20px;

}



p {

    font-size: 22px;

    line-height: 26px;

    margin: 0 0 25px 0;

    font-family: 'SolitasSlab-NorBoo';

}



h1:first-child,

h2:first-child,

h3:first-child,

h4:first-child,

h5:first-child,

h6:first-child {

    margin-top: 0;

}



a {

    color: #000000;

    text-decoration: none;

    -webkit-transition: all 300ms ease-in 0s;

    -moz-transition: all 300ms ease-in 0s;

    transition: all 300ms ease-in 0s;

}



a:visited {

    outline: 0;

}



a:active,

a:hover,

a:focus {

    outline: 0;

    text-decoration: none;

    color: #d2bb7d;

}



::-webkit-input-placeholder {

    opacity: 1;

}



::-moz-placeholder {

    opacity: 1;

}



:-ms-input-placeholder {

    opacity: 1;

}



.container-fluid {

    max-width: 1440px;

}



/*------------pour le container du haut autour du logo et caption-----------*/



#aroundtop{

	    max-width: inherit;

	

	}





/*--------------------------------------------------------------------------*/



.main-outercon {

    overflow: hidden;

}



.single-contblock {

    width: 100%;

    height: auto;

    float: left;

    background: #000;

    position: relative;

}



.single-contblock:before {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0px;

    top: 0px;

    background: url(assets/images/dark_overlay.png) repeat-y center top;

    z-index: 1000;

}





/*** header *****************************************************************************************************************************************/



.header-container {

    float: left;

    width: 100%;

    position: absolute;

    z-index: 10000;

}



.header-contents {

    float: left;

    width: 100%;

    padding: 0 50px;

}



.header-left {

    float: left;

    width: 300px;

    text-align: center;

}



.logo {

    float: left;

    width: 100%;

    padding-top: 42px;

    text-align: center;

/*position: absolute;*/

  /*  right: 598px;*/

}



.logo img {

    width: auto;

}



.vaud-logo {

    float: left;

    width: 100%;

}



.banner-slider .vaud-logo img {

    margin: 54px auto 0;

    float: none;

    width: auto;

}



.slider-content .vaud-logo {

    text-align: center;

}



.header-right {

    float: right;

    width: auto;

    margin-top: 18px;

}



.language-switcher {

    float: left;

    width: auto;

    margin-top: 9px;

}



.language-switcher ul {

    float: left;

    width: 100%;

}



.language-switcher ul li {

    float: left;

    list-style: none;

    padding: 0 16px;

    border-left: 1px dotted #99938e;

}



.language-switcher ul li.current-lang a {

    color: #ffffff;

}



.language-switcher ul li:first-child {

    border: none;

}



.language-switcher ul a:hover {

    color: #ffffff;

}



.language-switcher ul li a {

    font-size: 19px;

    font-family: 'SolitasSlab-ConMed';

    text-transform: uppercase;

    color: #6f6f6f;

}



.main-navigation {

    float: right;

    width: auto;

    position: relative;

	

}



.main-navigation .fixed{

		position: fixed;

	top: 20px; 

	right: 230px;

	 z-index: 100;

	}



.main-navigation ul {

    float: right;

    background: rgba(208, 204, 201, 0.7);

    padding: 15px 27px 13px;

    width: 160px;

    position: absolute;

    right: 0;

    top: 46px;

    display: none;

    text-align: left;

}



.main-navigation ul li {

    float: left;

    width: 100%;

    list-style: none;

	margin-bottom: 8px;

}



.main-navigation ul li a {

    width: 100%;

    float: left;

    font-family: 'SolitasSlab-ConMed';

    font-size: 19px;

    color: #3b3633;

    -webkit-transition: all 300ms ease-in 0s;

    -moz-transition: all 300ms ease-in 0s;

    transition: all 300ms ease-in 0s;

}



.main-navigation ul li a:hover {

    color: #ffffff;

}



.toggle-btn {

    float: left;

    width: auto;

    position: relative;

    padding: 6px 5px 4px;

}



#black_hamburger{

	float: left;

    width: auto;

    position: fixed;

    padding: 6px 5px 4px;

	}





.toggle-btn.menu-open {

    background: rgba(208, 204, 201, 0.7);

}



 

.banner-slider {

    float: left;

    width: 100%;

}



.single-contblock.banner-block {

    position: relative;

    float: left;

    width: 100%;

    height: auto;

    min-height: 800px;

}



.single-contblock.banner-block .fb-share-blk {

    bottom: 110px;

}



.banner-slider ul li {

    float: left;

    width: 100%;

    position: relative;

    max-height: 800px;

    overflow: hidden; 

    z-index: 1200!important;

}



.banner-slider ul li:before {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0px;

    top: 0px;

    background: url(assets/images/dark_overlay.png) repeat-y center top;

    z-index: 100;

}





.banner-slider ul li .container-fluid {

    position: relative;

}





.banner-slider ul li img {

    float: left;

    z-index: 100!important;

}



.slider-content {

    float: left;

    position: absolute;

    width: 300px;

    background: url(assets/images/logo_bg.png) repeat-y left top;

    padding: 263px 25px 20px;

    top: 0;

    /*left: -29px;*/

	/*z-index: 100;*/

	z-index: -1;

}



.slider-content p {

    font-family: 'SolitasSlab-NorBoo';

    color: #232322;

    font-size: 17px;

    line-height: 20px;

    background: #ffffff;

    padding: 11px 11px 1px 19px;

    /*margin: 0;*/

	margin: 10px 0 60px 0px;

    min-height: 155px;

    position: relative;

    z-index: 9999;

	text-align. left;

}



#alt-caption{

	text-align: left;

	}



.fb-share-blk {

    width: 100%;

    max-width: 1440px;

    height: auto;

    position: absolute;

    left: 50%;

    bottom: 40px;

    z-index: 1005;

    padding-left: 50px;

    -webkit-transform: translatex(-50%);

    -moz-transform: translatex(-50%);

    transform: translatex(-50%);

}





/*=============================

	heritage

===============================*/



.single-contblock.heritage-block {

    width: 100%;

    float: left;

    min-height: 800px;

    background: transparent;

    -webkit-box-shadow: inset -2px 0px 22px -2px rgba(0, 0, 0, 0.75);

    -moz-box-shadow: inset -2px 0px 22px -2px rgba(0, 0, 0, 0.75);

    box-shadow: inset -2px 0px 22px -2px rgba(0, 0, 0, 0.75);

}



.single-contblock.heritage-block .container-fluid {

    position: relative;

}



.heritage-imgblock {

    width: 100%;

    height: auto;

    float: left;

    position: relative;

}



.heritage-imgblock .image-container {

    height: auto;

    float: left;

    position: absolute;

}



.heritage-imgblock .image-container.year-block {

    top: 44px;

    left: 220px;

    z-index: 1001;

}



.heritage-imgblock .image-container.photo-block {

    top: 229px;

    left: 14px;

    z-index: 1000;

}



.heritage-content-block {

    width: 100%;

    height: auto;

    float: left;

    position: relative;

    z-index: 9999;

    padding: 104px 0 0 22px;

}



.heritage-content-block h2 {

    max-width: 400px;

    padding-left: 35px;

    margin-bottom: 23px;

}



.heritage-content-block .inner-blk {

    width: 100%;

    height: auto;

    float: left;

    background: rgba(0, 0, 0, .5);

    position: relative;

    z-index: 9999;

    padding-left: 22px;

    max-width: 534px;

    padding: 30px 35px 18px 35px;

}



.animated-hammerblk {

    width: auto;

    height: auto;

    position: absolute;

    z-index: 9999;

    left: -450px;

    top: -40px

}



.animated-tenailleblk {

    width: auto;

    height: auto;

    position: absolute;

    z-index: 9999;

    right: -610px;

    top: 62%;

}





/*-----------cheese-----------*/



#cheese {

    width: 100%;

    float: left;

    padding: 98px 0 40px;

    background: url("assets/images/content/cheese-banner.jpg") no-repeat center top;

}



.single-contblock.cheese-block .container-fluid {

    position: relative;

}



.left-blk {

    float: left;

    width: 100%;

    position: relative;

    z-index: 9999;

}



.left-blk h2 {

    color: #ffffff;

    padding: 0 0 0 160px;

}



.list-blk {

    float: left;

    position: relative;

    width: 100%;

}



.list-blk ul {

    float: left;

    width: 100%;

}



.list-blk ul li {

    float: left;

    position: absolute;

    list-style: none;

    font-size: 19px;

    line-height: 19px;

}



.list-blk ul li a {

    color: #fff;

}



.list-blk ul li a:hover {

    /*color: #274c1c;*/

	 color: #fff;

}





/*---------ajout pour aggrandir les bules et les textes--------------------------*/



div.list-blk ul li a{

	font-size: 26.63px;

	 color: #fff;

    position: relative;

    left: 21px;

    top: 0;

	line-height: 30px;

    font-weight: bold;

	}



/*---------fin d'ajout-------------------------------------------------------------*/



.block1 {

    left: 21.6%;

    top: 45px;

    background: url("assets/images/shape1.png") no-repeat;

    background-size: 100% 100%;

    width: 245px;

}



.block1 a {

    padding: 19px 27px 22px 32px;

    float: left;

}



.block2 {

    left: 22.2%;

    top: 223px;

    background: url("assets/images/shape2.png") no-repeat;

    background-size: 100% 100%;

    width: 215px;

	

}



.block2 a {

    padding: 18px 30px;

    float: left;

}



.block3 {

    left: 36.4%;

    top: 382px;

    background: url("assets/images/shape3.png") no-repeat;

    background-size: 100% 100%;

    width: 217px;

}



.block3 a {

    padding: 18px 33px;

    float: left;

}



@media (max-width:767px) {

	

	

	div.list-blk ul li a{

	font-size: 18px;

	color: #fff;

    top: initial;

	left: initial;

	line-height: initial;

    font-weight: normal;

		

		}

	

	.block1 {

    left: 22.6%;

    top: 37px;

    background: url("assets/images/shape1.png") no-repeat;

    background-size: 100% 100%;

    width: 158px;

}



.block1 a {

    padding: 19px 27px 22px 32px;

    float: left;

}



.block2 {

    left: 24.2%;

    top: 153px;

    background: url("assets/images/shape2.png") no-repeat;

    background-size: 100% 100%;

    width: 135px;

}



.block2 a {

    padding: 18px 30px;

    float: left;

}



.block3 {

    left: 33.4%;

    top: 265px;

    background: url("assets/images/shape3.png") no-repeat;

    background-size: 100% 100%;

    width: 152px;

}



.block3 a {

    padding: 18px 33px;

    float: left;

}

	}

@media (max-width: 480px){

		div.list-blk ul li a{

			font-size: 17px;	

			}

	

	}









.right-blk {

    float: left;

    width: 100%;

    position: relative;

    z-index: 9999;

    padding: 40% 0 0 26.8%;

}



.product-slider {

    float: left;

    position: relative;

    width: 323px;

}



.product-slider ul {

    float: left;

    width: 100% !important;

}



.product-slider ul li {

    float: left;

    width: auto;

    list-style: none;

}



.product-slider .slick-slide img {

    width: 100%;

    float: left;

}



.product-slider .slick-list.draggable {

    background: #e1d7b4;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px;

}



.product-slider .slick-prev.slick-arrow {

    left: -80px;

    position: absolute;

    top: 45%;

    background: transparent;

    outline: none;

    border: none;

    color: transparent;

    width: 47px;

    height: 64px;

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}



.product-slider .slick-prev.slick-arrow:before {

    position: absolute;

    content: " ";

    background: url("assets/images/prev-arw.png") no-repeat;

    width: 34px;

    height: 64px;

    line-height: 64px;

    top: 0px;

    left: 0px;

}



.product-slider .slick-next.slick-arrow {

    right: -80px;

    position: absolute;

    top: 45%;

    background: transparent;

    color: transparent;

    outline: none;

    border: none;

    width: 47px;

    height: 64px;

    line-height: 64px;

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}



.product-slider .slick-next.slick-arrow:before {

    position: absolute;

    content: " ";

    background: url("assets/images/next-arw.png") no-repeat;

    width: 34px;

    height: 64px;

    top: 0px;

    right: 0px;

}



.product-slider .slick-arrow:hover {

    opacity: 0.8;

    -webkit-transition: all 300ms ease-in 0s;

    -moz-transition: all 300ms ease-in 0s;

    transition: all 300ms ease-in 0s;

}



.product-slider .slick-dots {

    width: auto;

    float: left;

    text-align: center;

    margin-top: 32px;

}



.product-slider .slick-dots li {

    display: inline-block;

    list-style: none;

    margin: 0 3px;

    float: none;

}



.product-slider .slick-dots li button {

    font-size: 0;

    height: 10px;

    width: 10px;

    padding: 0;

    background: #776e69;

    border: none;

    float: left;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

}



.product-slider .slick-dots li.slick-active button {

    background: #fff;

    outline: none;

}



.slider-blk {

    float: left;

    text-align: center;

    position: relative;

    padding: 21px 14px 16px;

}



.slider-blk h3 {

    font-size: 27px;

    font-family: 'SolitasSlab-ConMed';

    color: #274c1c;

    padding: 9px 0 0;

}



.animated-herbsblk {

    width: auto;

    height: auto;

    position: absolute;

    z-index: 10;

    /*left: -349px;*/

	  left: -410px;

    bottom: -171px;

    z-index: 1002;

}





/*-----------cheese-----------*/





/*-----------family-----------*/



.single-contblock.family-block {

    width: 100%;

    float: left;

    min-height: 830px;

    background: transparent;

    padding: 106px 0 30px 0;

    overflow: hidden;

}



.single-contblock.family-block .container-fluid {

    position: relative;

}



.family-content-blk {

    width: 100%;

    height: auto;

    float: left;

    padding-left: 45px;

}



.family-content-blk h2 {

    padding-left: 30px;

    max-width: 600px;

    color: #31783a;

    line-height: 50px;

    padding-bottom: 20px;

}



.family-content-blk h2,

.family-content-blk p {

    position: relative;

    z-index: 10001;

}



.family-content-blk .content-outer {

    max-width: 709px;

  /*  padding: 30px 100px 31px 30px;*/

	padding: 30px 100px 65px 30px;

    background: url(assets/images/green-bg.jpg);

}



.learnmore-btn {

    width: auto;

    height: auto;

    float: left;

    /*background: #619851;*/

	background: #5383ab;

    border: #FFF solid 2px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    padding: 6px 10px;

    font-size: 18px;

    font-family: 'SolitasSlab-NorMed';

    color: #FFF;

    position: relative;

	bottom: 47px;

    z-index: 1001;

    letter-spacing: .5px;

    margin-top: -20px;

    margin-left: 120px;

}



.learnmore-btn:hover {

    background: #FFF;

    border: #619851 solid 2px;

    color: #619851;

}



.video-outer {

    width: 385px;

    height: auto;

    float: right;

    background: #FFF;

    padding: 10px;

    margin-top: -33px;

    position: relative;

    z-index: 9999;

    -webkit-box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.61);

    -moz-box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.61);

    box-shadow: 0px 0px 11px 1px rgba(0, 0, 0, 0.61);

}



.family-imgblk {

    width: auto;

    height: auto;

    position: absolute;

}



.family-imgblk.left-imgblk {

    right: 100%;

    top: -136px;

    margin-right: -65px;

    z-index: 1001;

}



.family-imgblk.right-imgblk {

    left: 100%;

    top: -35px;

    margin-left: -185px;

}



.family-imgblk.map-imgblk {

    right: 100%;

    bottom: 0;

    margin-right: -75px;

}





/*video poster*/



.videoWrapper {

    position: relative;

    width: 100%;

    height: 0;

    background-color: #fff;

}



.videoWrapper43 {

    padding-top: 75%;

}



.videoWrapper169 {

    padding-top: 56%;

}



.videoIframe {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    line-height: 1px;

    background-color: transparent;

}



.videoPoster {

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

    cursor: pointer;

    border: 0;

    outline: none;

    background-position: 50% 50%;

    background-size: 100% 100%;

    background-size: cover;

    text-indent: -999em;

    overflow: hidden;

    opacity: 1;

    -webkit-transition: opacity 800ms, height 0s;

    -moz-transition: opacity 800ms, height 0s;

    transition: opacity 800ms, height 0s;

    -webkit-transition-delay: 0s, 0s;

    -moz-transition-delay: 0s, 0s;

    transition-delay: 0s, 0s;

}



.videoPoster:after {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    width: 0;

    height: 0;

    margin: -50px 0 0 -30px;

    border-left: 80px solid #fff;

    border-top: 50px solid transparent;

    border-bottom: 50px solid transparent;

    -webkit-transition: border-color 300ms;

    -moz-transition: border-color 300ms;

    transition: border-color 300ms;

    opacity: .8;

}



.videoWrapperActive .videoPoster {

    opacity: 0;

    height: 0;

    -webkit-transition-delay: 0s, 800ms;

    -moz-transition-delay: 0s, 800ms;

    transition-delay: 0s, 800ms;

}





/*video poster*/



.animated-laitblk {

    width: auto;

    height: auto;

    position: absolute;

    z-index: 10;

    left: -230px;

    bottom: -98px;

    z-index: 1002;

}





/*

Cow Content 

--------------------------------*/



.single-contblock.cow-block {

    width: 100%;

    float: left;

    min-height: 805px;

    background: transparent;

    padding: 0;

}



.cows-content {

    width: 100%;

    float: left;

    position: relative;

}



.animated-flowerblk {

    float: left;

    position: absolute;

    left: -150px;

    width: auto;

    top: 130px;

    z-index: 1000;

}



.cow-imageblk {

    float: right;

    position: relative;

    width: 100%;

}



.cow-img-single {

    width: auto;

}



.cow-img-single img {

    /*	border: 10px solid #ffffff;*/

}



.cow-img-single.cow-img1 {

    margin-top: -40px;

    position: relative;

    z-index: -1;

    right: 22px;

}



.cow-img-single.cow-img3 img,

.cow-img-single.cow-img2 img {

    border: none;

}



.cow-img-single.cow-img3 {

    float: right;

    position: absolute;

    right: -95px;

    top: 73px;

    text-align: right;

}



.cow-img-single.cow-img2 {

    float: left;

    margin-top: -85px;

    margin-left: -13px;

    position: relative;

}



.cow-img-single.cow-img4 {

    float: right;

    position: absolute;

    right: -177px;

    top: 235px;

    text-align: right;

}



.cow-img-single.cow-img5 {

    float: left;

    position: absolute;

    bottom: -490px;

    left: -52px;

    z-index: 100000;

}



.cow-contentblk {

    float: left;

    width: 100%;

    padding: 105px 1% 0 11%;

    position: relative;

    z-index: 10000;

}



.cow-contentblk h2 {

    padding-bottom: 26px;

}



.cow-text {

    float: left;

    width: 100%;

    background: rgba(6, 29, 5, 0.5);

    padding: 27px 21px 43px;

}



.cow-text p {

    font-family: 'SolitasSlab-NorMed';

}



.cow-text p b {

    font-family: 'SolitasSlab-NorBol';

}



.contentblk-bottom {

    float: left;

    width: 100%;

    text-align: center;

    margin-top: 18px;

}



.count-blk {

    display: inline-block;

    width: 50%;

    text-align: left;

}



.count-blk span {

    background: #9cb0ea;

    font-family: 'SolitasSlab-NorMed';

    font-size: 35px;

    color: #4b5b88;

    text-align: center;

    position: relative;

    border: 4px solid #ffffff;

    -webkit-border-radius: 9px;

    -moz-border-radius: 9px;

    border-radius: 9px;

    float: left;

    padding: 1px 0 2px;

    width: 203px;

    z-index: 1;

    line-height: 40px;

    text-align: center;

}



.count-blk span:before {

    content: "";

    left: -6px;

    top: 50%;

    margin-top: -10px;

    border: 4px solid #ffffff;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    width: 8px;

    height: 20px;

    position: absolute;

}



.count-blk span:after {

    content: "";

    right: -6px;

    top: 50%;

    margin-top: -10px;

    border: 4px solid #ffffff;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    width: 8px;

    height: 20px;

    position: absolute;

}



.count-blk label {

    background: #6e83bf;

    font-family: 'SolitasSlab-NorMed';

    font-size: 17px;

    color: #ffffff;

    line-height: 17px;

    text-align: center;

    position: relative;

    display: inline-block;

    padding: 9px 5px 6px;

    width: 203px;

    margin-top: -4px;

}



.more-popup {

    margin: 8px 40px 0 0;

    float: right;

}



.more-popup a {

	/*

    background: #6e83bf;

    font-family: 'SolitasSlab-NorMed';

    font-size: 17px;

    color: #ffffff;

    line-height: 17px;

    text-align: center;

    display: inline-block;

    padding: 10px 20px;

    width: 100%;

    border: 2px solid #ffffff;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

	*/

	

	width: auto;

    height: auto;

	background: #6e83bf;

    border: #FFF solid 2px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    padding: 6px 10px;

    font-size: 18px;

    font-family: 'SolitasSlab-NorMed';

    color: #FFF;

    letter-spacing: .5px;

 

}



.more-popup a:hover {

    border: 2px solid #6e83bf;

    background: #ffffff;

    color: #6e83bf;

}



.banner-caption {

    float: left;

    width: 100%;

    background: #f0e8db;

    position: absolute;

    bottom: 0;

    z-index: 9999;

    text-align: center;

}





.banner-caption:before {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0px;

    top: 0px;

    background: url(assets/images/dark_overlay.png) repeat-y center top;

    z-index: -1;

}



.caption-inner {

    display: table;

    width: 100%;

    margin: 0 auto;

   /* max-width: 650px;*/

}



.caption-left {

    display: inline-block;

    text-align: left;

    vertical-align: middle;

    padding: 13px 27px 10px;

}



.caption-left p {

    font-family: 'SolitasSlab-ConMed';

    font-size: 23px;

    color: #000000;

    margin: 0;

}



.caption-right {

    display: inline-block;

    text-align: left;

    border-left: 3px solid #000000;

    vertical-align: middle;

    padding: 12px 27px 6px;

}



.caption-right a:hover {

    color: #000;

}



.caption-right h6 {

    font-family: 'SolitasSlab-ConMed';

    font-size: 23px;

    color: #000000;

    padding-bottom: 5px;

}



.caption-right p {

    font-family: "bradley_hand_itc_tt_bold";

    font-size: 23px;

    color: #000000;

    margin: 0;

}





/*-------------Recipe-------------------*/



#recipes {

    float: left;

    width: 100%;

    background: url(assets/images/recipe-blk-bg.jpg) no-repeat center top;

    background-size: cover;

}



.single-contblock.recipes-block .container-fluid {

    position: relative;

}



.recipes-wrap {

    float: left;

    width: 100%;

    padding: 91px 0 0;

    position: relative;

    z-index: 1002;

}



.recipes-wrap h2 {

    margin: 0 auto;

    padding: 36px 25px 52px;

    text-align: center;

    width: 100%;

    max-width: 309px;

    background: url('assets/images/title-bg.png')no-repeat center center;

    color: #ffffff;

}



.recipe-slider-outer {

    float: left;

    width: 100%;

}



.recipe-slider-wrap {

    max-width: 1061px;

    width: 100%;

    margin: 0 auto;

}



.recipe-slider-wrap ul {

    float: left;

    width: 100%;

    list-style: none;

    margin: 10px 0 237px;

    position: relative;

}



.recipe-slider-wrap ul li {

    float: left;

    width: 30.35%;

    list-style: none;

    margin: 0 0.71%;

    border: 10px solid #ffffff;

    background: #000000;

    -webkit-border-radius: 18px;

    -moz-border-radius: 18px;

    border-radius: 18px;

    overflow: hidden;

}



.recipe-slider-wrap ul li a {

    float: left;

    width: 100%;

    position: relative;

}



.recipe-slider-wrap ul li a {

    float: left;

    width: 100%;

    position: relative;

}



.recipe-slider-wrap ul li a img {

    width: 100%;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

}



.recipe-slider-wrap ul li a:hover img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    transform: scale(1.1);

}



.recipe-title {

    float: left;

    width: 100.4%;

    background: url('assets/images/caption-bg.jpg') repeat left top;

    position: absolute;

    bottom: 0;

    left: 0;

    height: 68px;

    -webkit-border-bottom-left-radius: 10px;

    -moz-border-bottom-left-radius: 10px;

    border-bottom-left-radius: 10px;

    -webkit-border-bottom-right-radius: 10px;

    -moz-border-bottom-right-radius: 10px;

    border-bottom-right-radius: 10px;

}



.recipe-title h4 {

    position: absolute;

    top: 50%;

    width: 100%;

    text-align: center;

    font-size: 22px;

    color: #ffffff;

    /*padding: 0 17%;*/

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    transform: translateY(-50%);

}



.recipe-slider-wrap .slick-prev.slick-arrow {

    left: -28px;

    position: absolute;

    top: 50%;

    background: transparent;

    outline: none;

    border: none;

    color: transparent;

    width: 34px;

    height: 64px;

    line-height: 64px;

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}



.recipe-slider-wrap .slick-prev.slick-arrow:before {

    position: absolute;

    content: " ";

    left: 0;

    background: url("assets/images/prev-arw.png") no-repeat;

    width: 34px;

    height: 64px;

    line-height: 64px;

    left: -17px;

}



.recipe-slider-wrap .slick-next.slick-arrow {

    right: -40px;

    position: absolute;

    top: 50%;

    background: transparent;

    color: transparent;

    outline: none;

    border: none;

    width: 34px;

    height: 64px;

    line-height: 64px;

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}



.recipe-slider-wrap .slick-next.slick-arrow:after {

    position: absolute;

    content: " ";

    left: 0;

    background: url("assets/images/next-arw.png") no-repeat;

    width: 34px;

    height: 64px;

    line-height: 64px;

    top: 0;

}



.recipe-slider-wrap .slick-dots {

    width: 100%;

    float: left;

    text-align: center;

    margin: 32px 0 0;

}



.recipe-slider-wrap .slick-dots li {

    display: inline-block;

    list-style: none;

    margin: 0 3px;

    float: none;

    border: 0;

    width: auto;

    height: auto;

}



.recipe-slider-wrap .slick-dots li button {

    font-size: 0;

    height: 18px;

    width: 5px;

    border: none;

    float: left;

    background: #776e69;

    border: 3px solid #ffffff;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

}



.recipe-slider-wrap .slick-dots li.slick-active button {

    background: #ffffff;

    outline: none;

    border: 3px solid #ffffff;

}



.animated-forkblk {

    width: auto;

    height: auto;

    position: absolute;

    z-index: 1001;

    left: -218px;

    top: -65px

}



.animated-beadblk {

    width: auto;

    height: auto;

    position: absolute;

    z-index: 9999;

    right: -473px;

    top: 54%;

}





/*-----------contact-----------*/



#contact {

    width: 100%;

    float: left;

    padding: 105px 0 86px;

    overflow: hidden;

    background: url("assets/images/green-bg.jpg") repeat center top;

}



.single-contblock.contact-block .container-fluid {

    position: relative;

}



.contact-inner {

    float: left;

    padding: 0 11.6%;

    width: 100%;

    position: relative;

}



.contact-top {

    width: 100%;

    float: left;

    position: relative;

    z-index: 999999;

}



.contact-top ul {

    width: 100%;

    float: left;

}



.contact-top ul li {
	
	width: auto !important;

    float: left;

	margin: 10px !important;
	
    margin: 0 0 0 32px;

    list-style: none;

    height: 56px;

}



.contact-top ul li a {

    float: left;

    width: 100%;

    padding: 15px 20px 12px;

}



.contact-top ul li:first-child {

    margin: 0;

}


.contact-top ul li a span {

    border-bottom: 1px solid #50504e;

    color: #2d2d2b;

    font-size: 27px;

    line-height: 27px;

    font-family: 'SolitasSlab-ConDem';

    display: inline-block;

    -webkit-transition: all 300ms ease-in 0s;

    -moz-transition: all 300ms ease-in 0s;

    transition: all 300ms ease-in 0s;

}



.contact-top ul li a:hover span {

    color: #274c1c;

}



.contact-top h2 {

    padding: 0 0 45px;

}



.single-div {

    background: #ffffff;

}



.single-div a {

    color: #2d2d2b;

}



.single-div img {

    float: left;

    margin: 0 21px 0 0;

}

.contact-bottom {

    float: left;

    width: 100%;

    position: relative;

}



.contact-bottom-left {

    float: left;

    width: 65.5%;

    margin: 47px 0 0;

}



.single-blk {

    width: 100%;

    float: left;

    position: relative;

    z-index: 9999;

}



.left-div {

    width: 47.6%;

    float: left;

    background: #fff;

    padding: 27px 20px 17px;

    position: relative;

    -webkit-box-shadow: -4px 8px 16px 0px rgba(2, 3, 3, 0.43);

    -moz-box-shadow: -4px 8px 16px 0px rgba(2, 3, 3, 0.43);

    box-shadow: -4px 8px 16px 0px rgba(2, 3, 3, 0.43);

}



.left-div:before {

    position: absolute;

    content: "";

    background: url("assets/images/before-img1.png") no-repeat;

    width: 87px;

    height: 48px;

    top: -30px;

    left: 112px;

}



.left-div > p {

    margin: 0;

    color: #3a3b39;

    line-height: 23px;

    font-family: 'SolitasSlab-ConReg';

}



.right-div {

    width: 47.6%;

    float: left;

    margin: 0 0 0 30px;

    background: #fff;

    position: relative;

    padding: 51px 16px 41px;

    -webkit-box-shadow: -4px 8px 16px 0px rgba(2, 3, 3, 0.43);

    -moz-box-shadow: -4px 8px 16px 0px rgba(2, 3, 3, 0.43);

    box-shadow: -4px 8px 16px 0px rgba(2, 3, 3, 0.43);

}



.right-div:before {

    position: absolute;

    content: "";

    background: url("assets/images/before-img2.png") no-repeat;

    width: 87px;

    height: 48px;

    top: -20px;

    left: 129px;

}



.right-div span {

    float: left;

    color: #3a3b39;

    font-family: 'SolitasSlab-ConReg';

    font-size: 22px;

    line-height: 22px;

}



.right-div span a {

    color: #3a3b39;

}



.contact-bottom-right {

    float: left;

    padding: 0 0 0 30px;

    position: absolute;

    right: 1px;

    top: 27px;

    width: 34.5%;

}



.single-blk.map-outer {

    margin: 48px 0 0;

    -webkit-box-shadow: -4px 8px 16px 0px rgba(2, 3, 3, 0.43);

    -moz-box-shadow: -4px 8px 16px 0px rgba(2, 3, 3, 0.43);

    box-shadow: -4px 8px 16px 0px rgba(2, 3, 3, 0.43);

}



#map {

    height: 230px;

    width: 100%;

}



.animated-contactblk {

    width: 40%;

    height: auto;

    position: absolute;

    z-index: 10;

    right: -28px;

    bottom: -14px;

    z-index: 1002;

}



.animated-ferblk {

    width: 40%;

    height: auto;

    position: absolute;

    z-index: 10;

    left: -270px;

    top: -14px;

    z-index: 99999;

}





/*-----------------footer--------------*/



#footer-container {

    width: 100%;

    float: left;

    background: #f0e8db;

}



.footer-inner {

    float: left;

    position: relative;

    text-align: center;

    width: 100%;

    z-index: 99999;

    padding: 15px 0;

}



.footer-inner > span {

    color: #000000;

    display: inline-block;

    float: none;

    font-family: "SolitasSlab-ConBol";

    width: 100%;

    font-size: 10px;

}





/*--------------end----footer--------------*/









/*------------------ navigations ----------------*/



/*--langues--*/

div.language-switcher{

	position: relative;

	right: 49px;

	}



div.mobile-menu div.language-switcher{

	position: relative;

	right: 0;

	}

	

/*--menu deroulant--*/

@media only screen and (min-width: 768px){

nav.main-navigation{

	right: 47px;

	

	}

	}

	

	

/*deroulant pour les langues sur mobile*/



.header-left .language-switcher{

	

	right: 0;

	

	}





.header-left .language-switcher ul{

	

	display: none;

	

	}



.header-left .language-switcher ul.lang-open{

	display:inline;

	}

	

	@media only screen and (min-width: 768px){

		.header-left .language-switcher{

	display:none;

	}

		}

		

	.header-left .language-switcher ul li {

		

		width: auto;

		padding: 0 7px;

		float: none;

		display: inline-block;

		

		}

		

	.header-left .language-switcher ul li a {

		color: #3b3633;

		

		}

		

	.header-left .language-switcher ul li.current-lang a{

		color: #ffffff;

			}

			

			

		.header-left .language-switcher ul li a:hover {

  	  color: #ffffff;

				}

				

/*----logo-mobile------------*/



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

.header-left .logo img{

	width: 35%;

	margin-top: -60px;

	

	}

	

.header-left .logo img.logo-norm{

	

		margin-top: 0;

	

}



.more-popup.hidden-xs {

    display: block !important;

}



.more-popup {

    margin: 25px auto 0;

    width: 100%;

    float: right;

}



}



/*-------------------end---navigations-------------*/







/*------------------image--gallerie----------------*/



#photo-gallery .grid .grid-item img:hover{

	

	  opacity: 0.3;

	

	}

	

.title {

    display: none;

    position: relative;

    text-align: center;

    top: -170px;



}



.wrap:hover div.title {

    display: block;

}



#photo-gallery .grid-item h3{

		color:#000;

	}



/*--------------end--image--gallerie---------------*/









/*---------------recettes-------------------------*/

.content-right-wrap ul li{

    float: left;

    width: 100%;

    color: #000000;

    font-size: 19px;

    font-family: 'SolitasSlab-NorBoo';

    padding-right: 6%;

	list-style-position: inside;



}



.content-right-wrap ul li:last-child{

	margin-bottom: 20px;

}



.popup-content .content-right .content-right-wrap p strong, .popup-content .content-right .content-right-wrap p b{

	

	color: black;

	font-weight: bold;

	

	}

	

.popup-content {

	

	min-height: 400px;

	}





/*------------end.recette------------------------*/





/* Nav*/ 



nav.menu-en_GB ul.FR, nav.menu-en_GB ul.DE,

nav.menu-de_DE ul.EN, nav.menu-de_DE ul.FR,

nav.menu-fr_FR ul.EN, nav.menu-fr_FR ul.DE{

	display: none !important;

}



/*--video-gallery-------------------------------*/



.video-frames iframe{

	margin: 20px 0;

	}

@media only screen and (min-width: 768px){

	

	.video-frames iframe{

	   width: 560px;

    height: 315px;

	}

	

	

	}

	

	

/*--end-video-gallery---------------------------*/









/*--family article1 Strong-----------------------*/





#family div.container-fluid div.row div.col-sm-7 div.family-content-blk div.content-outer strong{

	

	font-weight: bold;

	font-size: 22px;

	

	}



/*-----------------------------------------------*/



/*--enlever l'image par dessus video-------------*/



.videoPoster{

	display: none;

	}



/*-----------------------------------------------*/









/*----grump est une copie des items gird de popup-style.css pour la gallerie presse----*/



.grump{

	

	background: #DDD;

	}





.grump-sizer,

.grump-item {

  width: 33.333%;

}





.grump-item {

  float: left;

  border: 2px solid #ffffff;

}





.grump-item img {

  display: block;

  max-width: 100%;

}





#photo-gallery .grump .grump-item img:hover {

    opacity: 0.3;

}



.fb-share-blk img {

    width: 85px;

    height: auto;

}






/*---------titre pour recettes--------*/

#popup2 div.popup-outer div.popup-header h2 p{
	
	
	
	font-size: 50px;
	
	line-height: 47px;

	
	}





/*--------------------------------------------------------------------------------------*/