/*
Theme Name: Custom Theme for Bertarelli.com
Theme URI: http://www.figarobrands.com
Description: Theme based on HTML5 Reset by http://html5reset.org - Monkey Do! + @ckhicks.
Author: Figaro Brands
Author URI: http://www.figarobrands.com
Version: 1.0
*/

/*
 * Emigre web font kit 5203a217a273f
 *
 * These fonts are not shareware.
 * Use of these fonts requires the purchase
 * of a license from Emigre, www.emigre.com
 * Please contact sales@emigre.com
 *
 * To purchase a license to use this font go to:
 * http://www.emigre.com/fontpage.php?SFaiWBoo.html
 *
 * © 2012 Emigre, Inc
 */


@font-face {
    font-family: 'FairplexWideBookMedium';
    src: url('_/font/fairpwidboo-071211001EmigreWebOnly.eot');
    src: url('_/font/fairpwidboo-071211001EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
         url('_/font/fairpwidboo-071211001EmigreWebOnly.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*
 * Emigre web font kit 52442d97ea628
 *
 * These fonts are not shareware.
 * Use of these fonts requires the purchase
 * of a license from Emigre, www.emigre.com
 * Please contact sales@emigre.com
 *
 * To purchase a license to use this font go to:
 * http://www.emigre.com/fontpage.php?SFaiWBol.html
 *
 * © 2012 Emigre, Inc
 */


@font-face {
    font-family: 'FairplexWideBoldBold';
    src: url('_/font/fairpwidbol-071211005EmigreWebOnly.eot');
    src: url('_/font/fairpwidbol-071211005EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
         url('_/font/fairpwidbol-071211005EmigreWebOnly.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
/*body {font: 13px Helmet, Freesans, sans-serif;}*/

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #bbb; color: #fff; text-shadow: none;}
::selection {background: #bbb; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #bbb;}

ins {background-color: #bbb; color: #000; text-decoration: none;}
mark {background-color: #bbb; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }



/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* 978 Grid system */



#container,
#footwrap {
	width:978px;
	margin: 0 auto;
	overflow:hidden;
	min-width:978px;
}
/*.home #container {
	padding-top:78px;
}*/

.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12 {
	float: left;
	display: inline;
	margin-left: 18px;
}
.grid1 {
	width: 65px;
}
.grid2 {
	width: 148px;
}
.grid3 {
	width: 231px;
}
.grid4 {
	width: 314px;
}
.grid5 {
	width: 397px;
}
.grid6 {
	width: 480px;
}
.grid7 {
	width: 563px;
}
.grid8 {
	width: 646px;
}
.grid9 {
	width: 729px;
}
.grid10 {
	width: 812px;
}
.grid11 {
	width: 895px;
}
.grid12 {
	width: 978px;
}
.first {
	margin-left: 0;
	clear: left;
}


/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/



.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}

ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {

}

@media all and (orientation: portrait) {

}

@media all and (orientation: landscape) {

}


@media (min-device-width:320px) and (max-device-width:768px) {
#logo {
	right:0px;
	margin:0 30px 0 0;
	top:0px;
	position:absolute;
}
}

/* Home page
-------------------------------------------------------------------------------*/

body {
	height:0px;
	font-family: 'FairplexWideBookMedium'!important;
}

.home #logo {  /*this keeps the slider nav points on top in IE*/
	right:0px;
	margin:0 30px 0 0;
	top:0px;
	position:absolute;
}
#logo h1 {
	background:url(_/img/bertarelli-logo.png ) 0 30px no-repeat;
	height:52px;
	width:148px;
	display: inline-block;
	text-indent:-9999px;
	zoom: 1;
        *display: inline;
	z-index:100;
}

#header {
	height:100px;
}



/*------------STICK THE LOGO------------------*/
.stickit-container {
	/*margin: 0px auto;
	width: 100%;*/

}

.row {

	margin-bottom: 0px; /* should match .stickit-end bottom */
	padding-bottom: 0px; /* should match .stickit-end bottom */

	z-index:10000;
	position: relative;
}

.row:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

#logo {
	float: right;
	/*width: 640px;*/
	margin-right:30px;
	margin-top:10px!important;

}

.aside {

	float: right;
	/*padding: 20px;
	padding: 0 20px;*/
	/*width: 260px;*/
}


.stickit {
	/*margin-left: 660px;*/
	position: fixed;
	top: 0;
	right:0;

}

.stickit-end {
	bottom: 0px; /* should match .row margin and padding bottom */
	position: absolute;
	right: 0;
}

/*----------END STICK THE LOGO------------*/



.home #header {
	height:0px;
}

#content-wrapper {
	min-width:978px;
	position: relative;
	background-color: rgba(231, 231, 231, 0.6);
        color: rgba(204, 204, 204, 0.4);
}

.home #content-wrapper {
	/*top: 250px!important;*/
	top: 172px!important;
	height:234px!important;
	background:url(_/img/home_menu_bg.png) repeat-x;
}

.page-template-page-business-php #content-wrapper,
.page-template-page-family-php #content-wrapper,
.page-template-page-foundation-php #content-wrapper,
.page-template-page-media-php #content-wrapper,
.page-template-page-cookies-php #content-wrapper,
.error404 #content-wrapper {
	background:url(_/img/menu-bg.png) repeat-x;
}

#main-content {
	padding:60px 0;
	color:#2c353b;
}
#main-content p {
	font-size:16px;
	padding:5px 0;
}

.wunderslider .pane {
position: absolute;
float:left;

}

.home .wunderslider .pane {
	background:transparent url(_/img/home_top_bg_gradient.png) repeat-x;
}


.wunderslider .pane .selectors {
/*position: absolute;*/
width: 300px!important;
height:20px!important;
top:30px!important;
bottom:100%!important;
left: 30px!important;
text-align: left!important;
z-index:10!important;
}



.wunderslider .pane .caption {
font-family: 'FairplexWideBookMedium'!important;
/*position: absolute;*/
background: none!important;
color: #ccc!important;
opacity: 1!important;
width: 260px!important;
border-top: none!important;
border-bottom: none!important;
bottom:100%!important;
top:50px;
font-size: 20px!important;
line-height: 22px!important;
left: 30px!important;

}

.wunderslider .pane .caption-content {
color: #2c353b!important;
text-transform:uppercase;
}

.wunderslider .pane .caption-content .description {
font-size: .8em;
padding: 4px 0px!important;
}


.wunderslider .pane .selector {
background: url(_/img/selector.png) no-repeat center center!important;
width:16px!important;
height:16px!important;
margin-right:8px;
}

.wunderslider .pane .selector.active {
background: url(_/img/selector-active.png) no-repeat center center!important;
width:16px!important;
height:16px!important;
margin-right:8px;
}

.wunderslider .pane .selector:hover {
background: url(_/img/selector-hover.png) no-repeat center center!important;
width:16px!important;
height:16px!important;
margin-right:8px;
}




#footwrap {
	text-align:right;
	position:relative;
	/*top:250px;*/
	padding:30px;
	width:100%;
}
.home #footwrap {
	top:230px;
}


/*-------------menus-------------*/

/*--Header mneu--*/

.home ul#menu-header {
	margin-top:78px;
}
.ie .home ul#menu-header {
	margin-top:81px;
}
ul#menu-header {
	font-family: 'FairplexWideBookMedium'!important;
	font-size: 0;
	text-transform:uppercase;
	margin-top:58px;

}
.ie ul#menu-header {
	margin-top:60px;
}
.home ul#menu-header {
	padding:20px 0;
}

ul#menu-header li {
	display:inline-block;
	margin:0px;
	padding:0px;
	font-size:20px;
	zoom: 1;
        *display: inline;
}
.home ul#menu-header li {
	font-size:24px;
}
ul#menu-header li a {
	color:#fff;
	text-decoration:none;
	padding:12px 20px 11px 20px;
}
.ie ul#menu-header li a {
	padding:14px 30px 11px 30px;
}
.home ul#menu-header li a {
	padding:20px 30px;
}
.ie .home ul#menu-header li a {
	padding:23px 30px;
}
ul#menu-header li a:hover {
	color:#fff;
background-color: rgba(77, 83, 86, 0.8);

}



ul#menu-header li.slide-up a {
    text-decoration: none;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    box-shadow: inset 0 0 0 0 rgba(77, 83, 86, 0.2);
    background: transparent;
}
ul#menu-header li.slide-up a:hover
{
    box-shadow: inset 0 -100px 0 0 rgba(77, 83, 86, 0.5);
}

/*-- test-page --*/

.page-id-186 ul#menu-header li.slide-up a {
    box-shadow: inset 0 0 0 0 rgba(77, 83, 86, 0.2)!important;
    background: transparent;
}
.page-id-186 ul#menu-header li.slide-up a:hover
{
    box-shadow: inset 170px 0 0 0 rgba(77, 83, 86, 0.5)!important;
}






/*ul#menu-header li a {

   -moz-transition: all 0.1s linear;
   -webkit-transition: all 0.1s linear;
   -o-transition: all 0.1s linear;
   transition: all 0.1s linear;
}*/
.ie-lt10 ul#menu-header li a  {
background-color: transparent;
}

/*ul#menu-header li a:hover {
background-color: rgba(77, 83, 86, 0.5);
}*/
.ie-lt10 ul#menu-header li a:hover {
	background:url(_/img/ie-menu-hover.png);
}

ul#menu-header li.business,
ul#menu-header li.family,
ul#menu-header li.foundation {

}


ul#menu-header li.business {
	width:220px;
	margin-left:50px;
	text-align:left;
}
ul#menu-header li.family {
	width:272px;
	text-align:center;
}
ul#menu-header li.foundation {
	width:220px;
	margin-right:50px;
	text-align:right;
}
.home ul#menu-header li.business {
	width:270px;
	margin-left:0px;
	text-align:left;
}
.home ul#menu-header li.family {
}
.home ul#menu-header li.foundation {
	width:270px;
	margin-right:0px;
	text-align:right;
}


ul#menu-header li.current-page-ancestor a,
ul#menu-header li.current-menu-item a {
background-color: rgba(77, 83, 86, 0.5);
box-shadow: inset 0 0 0 0 rgba(77, 83, 86, 0.5);
}
ul#menu-header li.current-page-ancestor a:hover,
ul#menu-header li.current-menu-item a:hover {
box-shadow: inset 0 0 0 0 rgba(77, 83, 86, 0.5);
}
.ie-lt10 ul#menu-header li.current-page-ancestor a,
.ie-lt10 ul#menu-header li.current-menu-item a {
	background:url(_/img/ie-menu-hover.png);
}
.ie-lt10 ul#menu-header li.current-page-ancestor a:hover,
.ie-lt10 ul#menu-header li.current-menu-item a:hover{
	background:url(_/img/ie-menu-hover.png);
}

/*--Secondary Menu--*/

ul#menu-business,
ul#menu-family,
ul#menu-foundation {
	font-family: 'FairplexWideBookMedium'!important;
	font-size: 0;
	text-transform:uppercase;
	padding:0px 50px 0px 0px;
}
ul#menu-family {
	padding:0px 40px 0px 0px;
}
ul#menu-business li,
ul#menu-family li,
ul#menu-foundation li {
	margin:0px;
	padding:5px;
	font-size:16px;
	margin:5px 0;
}
ul#menu-business li a,
ul#menu-family li a,
ul#menu-foundation li a {
	color:#2c353b;
	text-decoration:none;

}
ul#menu-business li:hover,
ul#menu-business li.current-menu-item,
ul#menu-family li:hover,
ul#menu-family li.current-menu-item,
ul#menu-foundation li:hover,
ul#menu-foundation li.current-menu-item {
background-color:#bbb;
}

/*ul#menu-family li {
margin-bottom:15px!important;
padding:0px;
}*/
ul#menu-business li.slide-in,
ul#menu-family li.slide-in,
ul#menu-foundation li.slide-in
{
    text-decoration: none;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
/*padding:5px;*/
}

ul#menu-business li.slide-in,
ul#menu-family li.slide-in,
ul#menu-foundation li.slide-in
{
    color: #000000;
    box-shadow: inset 0 0 0 0 rgba(187, 187, 187, 0.6);
    background: transparent;

}
ul#menu-business li.slide-in:hover,
ul#menu-family li.slide-in:hover,
ul#menu-foundation li.slide-in:hover {
    box-shadow: inset 221px 0 0 rgba(187, 187, 187, 0.6);
}

ul#menu-business li.current-menu-item,
ul#menu-family li.current-menu-item,
ul#menu-foundation li.current-menu-item {
background-color:rgba(187, 187, 187, 0.6)!important;
box-shadow: inset 0 0 0 0 rgba(187, 187, 187, 0.0)!important;
}


.ie-lt9 ul#menu-business li.slide-in:hover,
.ie-lt9 ul#menu-family li.slide-in:hover,
.ie-lt9 ul#menu-foundation li.slide-in:hover {
    background:#bbb;
}
.ie-lt9 ul#menu-business li.current-menu-item,
.ie-lt9 ul#menu-family li.current-menu-item,
.ie-lt9 ul#menu-foundation li.current-menu-item {
background-color:#bbb!important;
}
/*--------pages---------*/

#content-intro {
	padding:5px 0;
	font-size:22px;
}
#content-intro h2 {
	font-weight:normal;
	padding:0 30px 50px 0;
}
.page-template-page-family-php #content-intro h2 {
	padding:0 30px 20px 0;
}
.entry ul {
	list-style-type:disc;
	margin-left:15px;
}
.entry li {
	font-size:16px;
	padding:5px 0;
}
.entry a {
	color:#2c353b;
	text-decoration:underline;
}
.entry a:hover,
#footer a:hover {
	color:#666!important;
	text-decoration:underline;
}
ul.media-page {
	padding-bottom:15px;
}
.media-page li {
	font-size:16px!important;
}
.media-page a,
.cookies-page a {
	color:#2c353b;
	text-decoration:none;
}
.cookies-page a {
	text-decoration:underline;
}
.media-page a:hover,
.cookies-page a:hover {
	color:#666;
	text-decoration:none;
}
h2.media-page {
	font-weight:normal;
	font-size:22px;
}
h3.media-page {
	font-family: FairplexWideBoldBold!important;
	font-weight:normal;
	font-size:16px;
}
.family-left {
	position:absolute;
	top: 85px;
}
.fade-in {
	display:none;
}
.weblinks {
	font-size:12px;
}
.boldmain {
	font-family: FairplexWideBoldBold!important;
}

#footer li,
#footer li a {
	font-size:12px!important;
	color:#2c353b!important;
	text-decoration:none!important;
	padding-bottom:5px;
}


/*------REVOLUTION SLIDER--------*/
.fullscreen-container
/*.forcefullwidth_wrapper_tp_banner*/ {
z-index:-10000!important;
position: absolute!important;
}

.rev_slider_wrapper {
position:fixed!important;
}

.tp-bgimg {
overflow:hidden;
}

.a-top-bg img {
	width:100%!important;
	height:234px;
}
.a-caption {
	color: #000000;
	text-decoration: none;
	background-color: transparent;
	text-shadow: none;
	text-transform: uppercase;
	margin: 80px 0px 0px 30px;
	width: 250px;
	height: 250px;
	border-width: 0px;
	border-color: #000000;
	border-style: none;
	line-height:22px!important;
	white-space:normal!important;
}

.a-caption a {
	color: #000000!important;
	text-decoration: none;
	background-color: transparent;
	text-shadow: none;
	text-transform: uppercase;
	width: 250px;
	height: 250px;
	border-width: 0px;
	border-color: #000000;
	border-style: none;
	line-height:22px!important;
	white-space:normal!important;
}
.a-caption a:hover {
	color: #666!important;
}

.tp-bullets.simplebullets.round .bullet {
cursor: pointer;
position: relative;
background: url(_/img/bullet.png) no-repeat top left!important;
width: 20px;
height: 20px;
margin-right: 0px;
float: left;
margin-top: 10px!important;
margin-left: 3px;
}
.tp-bullets.simplebullets .bullet:hover {
background-position: center left!important;
}
.tp-bullets.simplebullets .bullet.selected {
background-position: bottom left!important;
}
.bullet.first {
margin-left:5px!important;
}

/* For revslider 6.1.2 update */

/*rs-fullwidth-wrap#rev_slider_7_1_forcefullwidth{*/
rs-fullwidth-wrap{
  width: 100%;
  padding: 0;
  position: fixed !important;
  z-index: -10000 !important;

}