/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*         o°        o°        o°                                         °o        °o        °o         */
/*        O         O         O              COMMITMENTS LANDING            O         O         O        */
/* ><(((°>   ><(((°>   ><(((°>                                               <°)))><   <°)))><   <°)))>< */
/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ */

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°    Main container with large background   °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

#main-container.commitments{
	background-image:url(../images/commitments/commitments.jpg);
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                 Top block                 °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.commitment-top{
	width:990px;
	margin:35px auto 0 auto;
	background:#fff;
	border-radius:2px;
	overflow:hidden;
	position:relative;
}

/* .o° .o° .o° .o° .o° .o° Image °o. °o. °o. °o. °o. °o. */

.commitment-top .img{
	width:652px;
	float:left;
	line-height:0;
}

.commitment-top .img img{
	max-width:100%;
}

/* .o° .o° .o° .o° .o° .o° Text °o. °o. °o. °o. °o. °o. */

.commitment-top .txt{
	width:303px;
	float:right;
	padding:16px 16px 0 0
}

.commitment-top .txt h3{
	font:700 29px / 32px 'Open Sans', sans-serif;
	color:#fff;
	position:relative;
	display:inline-block;
	padding:15px 18px;
	background:#f01724;
	margin:0 0 10px 0;
}

.commitment-top .txt p{
	font:400 15px / 20px 'Open Sans', sans-serif;
	color:#411200;
}

.commitment-top .txt a.link{
	font:400 16px / 40px 'Open Sans', sans-serif;
	color:#f01724;
	text-transform:uppercase;
	display:inline-block;
	height:40px;
	padding:0 15px;
	border-radius:2px;
	border:solid 2px #e61a2b;
	margin:30px 0 11px 0;
}

.commitment-top a.link:hover{
	background:#f01724;
	color:#fff;
}

@media all and (max-width: 989px){
	.commitment-top{width:744px;}
	.commitment-top .img{width:491px;}
	.commitment-top .txt{width:228px; padding:12px 12px 0 0}
	.commitment-top .txt h3{font-size:22px; line-height:23px; padding:11px 12px; margin:0 0 7px 0;}
	.commitment-top .txt p{font-size:14px; line-height:18px;}
	.commitment-top .txt a.link{font-size:12px; line-height:29px; height:29px; padding:0 12px; margin:23px 0 9px 0;}
}

@media all and (max-width: 767px){
	.commitment-top{width:240px;}
	.commitment-top .img{width:auto; float:none;}
	.commitment-top .txt{width:auto; padding:7px 7px 19px 7px; float:none; text-align:center;}
	.commitment-top .txt h3{text-align:left;}
	.commitment-top .txt p{text-align:left;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°               Middle blocks               °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.commitment-middle{
	padding:17px 0 0 0;
	font-size:0;
}

.commitment-middle .block{
	margin:0 14px 0 0;
	width:237px;
	border-radius:2px;
	background:#fff;
	overflow:hidden;
	display:inline-block;
}

.commitment-middle .block:last-child{
	margin:0;
}

/* .o° .o° .o° .o° .o° .o° Image °o. °o. °o. °o. °o. °o. */

.commitment-middle .img{
	height:289px;
	line-height:289px;
	text-align:center;
}

.commitment-middle .img img{
	max-width:100%;
	max-height:90%;
	vertical-align:middle;
}

/* .o° .o° .o° .o° .o° .o° Text °o. °o. °o. °o. °o. °o. */

.commitment-middle .txt{
	height:345px;
	position:relative;
	padding:0 11px;
}

.commitment-middle h3{
	font:700 35px / 35px 'Dancing Script', cursive;
	color:#ca0103;
	padding:7px 0 11px 0;
	text-align:center;
}

.commitment-middle h3 a{
	color:#ca0103;
}

.commitment-middle p{
	font:400 15px / 20px 'Open Sans', sans-serif;
	color:#411200;
}

.commitment-middle a.link{
	display:table;
	width:158px;
	height:79px;
	position:absolute; bottom:27px; left:50%;
	margin-left:-89px;
	font:400 16px / 20px 'Open Sans', sans-serif;
	color:#fff;
	text-transform:uppercase;
	background:#e61a2b;
	border-radius:2px;
	text-align:center;
	padding:0 10px;
}

.commitment-middle a.link span{
	vertical-align:middle;
	display:table-cell;
}

.commitment-middle a.link:hover{
	background:#ca0103;
}

@media all and (max-width: 989px){
	.commitment-middle{padding:13px 0 0 0; text-align:center;}
	.commitment-middle .block, .commitment-middle .block:last-child{margin:0 6px; width:177px;}
	.commitment-middle .img{height:215px; line-height:215px;}
	.commitment-middle .txt{height:294px; padding:0 11px;}
	.commitment-middle h3{font-size:24px; line-height:24px; padding:5px 0 9px 0;}
	.commitment-middle p{font-size:13px; line-height:18px; text-align:left;}
	.commitment-middle a.link{width:118px; padding:0 8px; height:59px; bottom:24px; left:50%; margin-left:-67px; font-size:12px; line-height:15px;}
}

@media all and (max-width: 767px){
	.commitment-middle{padding:20px 0 0 0;}
	.commitment-middle .block, .commitment-middle .block:last-child{margin:0 0 14px 0; width:240px;}
	.commitment-middle .img{height:289px; line-height:289px;}
	.commitment-middle .txt{height:auto;}
	.commitment-middle a.link{position:static; bottom:initial; left:initial; margin:15px 0 15px 42px;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°               Bottom block                °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.commitment-bottom{
	padding:18px 0 40px 0;
	width:990px;
	margin:57px auto 0 auto;
	border-radius:2px;
	background:url(../images/commitments/commitment-bottom.jpg) no-repeat 0 0 / contain #fff;
	font-size:0;
}

/* .o° .o° .o° .o° .o° .o° Title °o. °o. °o. °o. °o. °o. */

.commitment-bottom h3, .page-template-template-engagements .commitment-bottom h3{
	font:700 29px / 32px 'Open Sans', sans-serif;
	color:#fff;
	position:relative;
	display:inline-block;
	padding:15px 18px;
	background:#f01724;
}

/* .o° .o° .o° .o° .o° .o° Block °o. °o. °o. °o. °o. °o. */

.commitment-bottom .block{
	width:465px;
	display:inline-block;
	padding:256px 20px 0 10px;
}

/* img */

.commitment-bottom .img{
	text-align:center;
	height:160px;
}

.commitment-bottom .img img{
	margin:0 7px;
	vertical-align:bottom;
}

/* txt */

.commitment-bottom h3{
	font:700 35px / 35px 'Dancing Script', cursive;
	color:#ca0103;
	padding:0 0 13px 0;
}

.commitment-bottom p{
	font:400 15px / 20px 'Open Sans', sans-serif;
	color:#411200;
}

@media all and (max-width: 989px){
	.commitment-bottom{padding:13px 0 25px 0; width:744px; margin:53px auto 0 auto;}
	.commitment-bottom h3{font-size:22px; line-height:23px; padding:11px 12px;}
	.commitment-bottom .block{width:348px; padding:191px 15px 0 7px;}
	.commitment-bottom .img{height:120px;}
	.commitment-bottom .img img{max-height:100%; max-width:45%; margin:0 5px;}
	.commitment-bottom h3{font-size:26px; line-height:26px; padding:0 0 10px 0;}
	.commitment-bottom p{font-size:14px; line-height:18px;}
}

@media all and (max-width: 767px){
	.commitment-bottom{padding:116px 0 0 0; width:240px;	margin:45px auto 0 auto;}
	.commitment-bottom h3{margin:0 7px;}
	.commitment-bottom .block{width:auto; display:block; padding:10px 0 25px 0;}
	.commitment-bottom .img{height:auto;}
	.commitment-bottom .img img{height:auto; max-height:none; vertical-align:middle;}
	.commitment-bottom h3{padding:0 10px 10px 10px;}
	.commitment-bottom p{padding:0 10px;}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*         o°        o°        o°                                         °o        °o        °o         */
/*        O         O         O                SAUCE QUALITY                O         O         O        */
/* ><(((°>   ><(((°>   ><(((°>                                               <°)))><   <°)))><   <°)))>< */
/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ */

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°    Main container with large background   °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

#main-container.quality{
	background-image:url(../images/products/products-sauce.jpg);
	padding-bottom:0;
}

.quality-block{
	width:984px;
	background:#fff;
	border:solid 1px #dadada;
	margin:35px auto 80px auto;
	padding:2px;
}

@media all and (max-width: 989px){
	.quality-block{width:738px; padding:1px; margin:35px auto 45px auto;}
}

@media all and (max-width: 767px){
	.quality-block{width:241px; border:none; padding:0;}
}

/* .o° .o° .o° .o° .o° .o° Titles °o. °o. °o. °o. °o. °o. */

.quality-block h3, .quality-block .title_h3{
	font:700 29px / 32px 'Open Sans', sans-serif;
	color:#fff;
	position:relative;
	display:inline-block;
	padding:15px 18px;
	background:#f01724;
	margin:0 0 5px 0;
}

@media all and (max-width: 989px){
	.quality-block h3, .quality-block .title_h3{font-size:22px; line-height:23px; padding:11px 12px;}
}

@media all and (max-width: 767px){
	.quality-block h3, .quality-block .title_h3{margin:0 0 3px 0;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                   Video                   °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.quality-block .fitvids{
	padding:0 0 23px 0;
}

@media all and (max-width: 767px){
	.quality-block .fitvids{padding:0;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                   Top block                   °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.quality-top{
	padding:0 0 23px 0;
	text-align:center;
}

/* .o° .o° .o° .o° .o° .o° Text °o. °o. °o. °o. °o. °o. */

.quality-top p{
	font:400 15px / 20px 'Open Sans', sans-serif;
	color:#000;
	padding:12px 80px;
}

@media all and (max-width: 989px){
	.quality-top p{font-size:13px; line-height:15px; padding:12px 63px;}
}

@media all and (max-width: 767px){
	.quality-top p{padding:12px;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                  Stages                   °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

/* .o° .o° .o° .o° .o° .o° Image °o. °o. °o. °o. °o. °o. */

.quality-item .img{
	overflow:hidden;
	line-height:0;
	float:left;
	width:491px;
	height:330px;
}

.quality-item .img img{
	width:100%;
}

.quality-item .img img.mobile{
	display:none;
}

/* even items */

.quality-item:nth-child(even) .img{
	float:right;
}

@media all and (max-width: 989px){
	.quality-item .img{width:370px; height:247px;}
}

@media all and (max-width: 767px){
	.quality-item .img img{display:none;}
	.quality-item .img img.mobile{display:block;}
	.quality-item .img, .quality-item:nth-child(even) .img{width:auto; height:auto; float:none; padding:2px 2px 0 2px;}
}

/* .o° .o° .o° .o° .o° .o° Text °o. °o. °o. °o. °o. °o. */

.quality-item .text{
	float:right;
	padding:10px 10px 0 0;
	width:475px;
}

/* even items */

.quality-item:nth-child(even) .text{
	float:left;
	padding:10px 0 0 10px;
	text-align:right;
}

/* title */

.quality-item h3{
	font:700 35px / 30px 'Dancing Script', cursive;
	color:#fff;
	position:relative;
	display:inline-block;
	padding:15px 20px;
	background:#f01724;
}

/* paragraphs */

.quality-item p{
	font:400 15px / 20px 'Open Sans', sans-serif;
	color:#000;
	padding:12px 0 12px 44px;
}

.quality-item:nth-child(even) p{
	padding:12px 44px 0 0;
}

@media all and (max-width: 989px){
	.quality-item .text{width:337px;}
	.quality-item h3{font-size:26px; line-height:23px; padding:11px 15px;}
	.quality-item p{font-size:13px; line-height:15px; padding:8px 0 8px 33px;}
	.quality-item:nth-child(even) p{padding:8px 33px 0 0;}
}

@media all and (max-width: 767px){
	.quality-item .text, .quality-item:nth-child(even) .text{width:auto; float:none; text-align:center; margin:0 2px; padding:0;}
	.quality-item h3{text-align:left; display:block;}
	.quality-item p, .quality-item:nth-child(even) p{padding:17px 0 17px 10px; text-align:left;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°               Bottom blocks               °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.quality-bottom{
	background:#edece8;
	padding:75px 0 100px 0;
	font-size:0;
}

.quality-bottom h3{
	font:700 29px / 32px 'Open Sans', sans-serif;
	color:#fff;
	position:relative;
	display:block;
	padding:15px 18px;
	background:#f01724;
	margin:0 0 5px 0;
}

/* .o° .o° .o° .o° .o° .o° Left °o. °o. °o. °o. °o. °o. */

.quality-bottom .left{
	width:654px;
	float:left;
}

/* .o° .o° .o° .o° .o° .o° Right °o. °o. °o. °o. °o. °o. */

.quality-bottom .right{
	width:318px;
	float:right;
}

/* .o° .o° .o° .o° .o° .o° Blocks °o. °o. °o. °o. °o. °o. */

.quality-bottom .block{
	margin:15px 0 0 0;
	width:318px;
	border-radius:2px;
	background:#fff;
	overflow:hidden;
	display:inline-block;
}

.quality-bottom .left .block:last-child{
	float:right;
}


/* .o° .o° .o° .o° .o° .o° Image °o. °o. °o. °o. °o. °o. */

.quality-bottom .img{
	height:289px;
	line-height:289px;
	text-align:center;
}

.quality-bottom .img img{
	max-width:100%;
	max-height:90%;
	vertical-align:middle;
}

/* .o° .o° .o° .o° .o° .o° Text °o. °o. °o. °o. °o. °o. */

.quality-bottom .txt{
	height:345px;
	position:relative;
	padding:0 11px;
}

.quality-bottom h3{
	background: none;
	font:700 35px / 35px 'Dancing Script', cursive;
	color:#ca0103;
	padding:7px 0 11px 0;
	text-align:center;
}

.quality-bottom h3 a{
	color:#ca0103;
}

.quality-bottom p{
	font:400 18px / 24px 'Open Sans', sans-serif;
	color:#411200;
}

.quality-bottom a.link{
	display:table;
	width:198px;
	height:62px;
	position:absolute; bottom:27px; left:50%;
	margin-left:-109px;
	font:400 16px / 20px 'Open Sans', sans-serif;
	color:#fff;
	text-transform:uppercase;
	background:#e61a2b;
	border-radius:2px;
	text-align:center;
	padding:0 10px;
}

.quality-bottom a.link span{
	vertical-align:middle;
	display:table-cell;
}

.quality-bottom a.link:hover{
	background:#ca0103;
}

@media all and (max-width: 989px){
	.quality-bottom{padding:50px 0;}
	.quality-bottom .global{width:742px;}
	.quality-bottom h3{font-size:22px; line-height:23px; padding:11px 12px;}
	.quality-bottom .left{width:491px;}
	.quality-bottom .right{width:240px;}
	.quality-bottom .block{width:240px;}
	.quality-bottom .img{height:215px; line-height:215px;}
	.quality-bottom .txt{height:264px; padding:0 11px;}
	.quality-bottom h3{font-size:24px; line-height:24px; padding:5px 0 9px 0;}
	.quality-bottom p{font-size:13px; line-height:18px; text-align:left;}
	.quality-bottom a.link{width:148px; padding:0 8px; height:47px; bottom:24px; left:50%; margin-left:-82px; font-size:12px; line-height:15px;}
}

@media all and (max-width:767px){
	.quality-bottom .global{width:240px;}
	.quality-bottom .left, .quality-bottom .right{width:auto; float:none;}
	.quality-bottom .right{padding-top:25px;}
	.quality-bottom .block, .quality-bottom .left .block:last-child{width:auto; margin:25px 0 0 0; float:none;}
	.quality-bottom .txt{height:auto; padding:15px 11px;}
	.quality-bottom a.link{position:static; bottom:initial; left:initial; margin:15px 0 15px 37px;}
}