html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code, del, dfn, em, font, form, img, input, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
}

header, nav, footer{
    display:block;
}

body{

}

a{
    text-decoration:none;
}

a img{
    border:none;
}

.lineclear{
    clear:both;
    line-height:0;
    height:0;
    font-size:0;
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                GLOBAL DIVS                °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */


.global{
    width:990px;
    margin:0 auto;
    position:relative;
}

@media all and (max-width: 989px){
    .global{width:768px;}
}

@media all and (max-width: 767px){
    .global{width:320px;}
}


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

header{
    position:fixed;
    z-index:20;
    width:100%;
    background:#fff;
}

@media all and (max-width: 767px){
    header{position:fixed; width:100%; height:55px; background:#f51d2a;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°              Red bar on top               °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

header .header-top{
    height:30px;
    background:#f51d2a;
    font-size:0;
    padding:8px 0;
    text-align:right;
    position:absolute; top:0; left:0;
    width:100%;
    z-index:21;
}

/* .o° .o° .o° .o° .o° .o° News °o. °o. °o. °o. °o. °o. */

header .header-top .news{
    display:inline-block;
    font-size:0;
    vertical-align:top;
}

header .header-top .news a{
    font:400 12px / 30px 'Open Sans', sans-serif;
    color:#fff;
    text-transform:uppercase;
    padding:0px;
    display:inline-block;
    height:30px;
    vertical-align: top;
    margin-left: 10px;
}

header .header-top .news a:hover{
    color:#ffbaba;
}

/* .o° .o° .o° .o° .o° .o° Social °o. °o. °o. °o. °o. °o. */

header .header-top .social{
    display:inline-block;
    font-size:0;
    padding:0 0 0 25px;
}

header .header-top .social a{
    display:inline-block;
    width:30px;
    height:30px;
    margin:0 8px 0 0;
}

header .header-top .social a:last-child{
    margin:0;
}

header .header-top .social{
    display:none;
}

/* .o° .o° .o° .o° .o° .o° Search °o. °o. °o. °o. °o. °o. */

header .header-top .search{
    display:inline-block;
    padding:0 0 0 25px;
}

header .header-top .search input{
    width:225px;
    height:28px;
    padding:0 5px 0 30px;
    background:url(../images/common/header/search.gif) no-repeat 4px center #fff;
    border:solid 1px #c5c5c5;
    float:left;
    font:400 13px / 100% 'Open Sans', sans-serif;
    color:#151515;
}

header .header-top .search input::-webkit-input-placeholder{font-style:italic;}
header .header-top .search input::-moz-placeholder{font-style:italic;}
header .header-top .search input:-ms-input-placeholder{font-style:italic;}
header .header-top .search input:-moz-placeholder{font-style:italic;}

header .header-top .search button{
    width:36px;
    height:30px;
    margin:0 0 0 4px;
    background:#0b7132;
    border:solid 1px #c5c5c5;
    float:left;
    font:400 16px / 25px 'Open Sans', sans-serif;
    color:#fff;
    border:none;
    border-radius:2px;
    cursor:pointer;
}

/* No text for the newsletter, social buttons */

header .header-top.buttons .news{
    display:none;
}

header .header-top.buttons .social{
    display:inline-block;
}

@media all and (max-width: 989px){
    header .header-top .news, header .header-top.buttons .news{display:inline-block;}
    header .header-top .social, header .header-top.buttons .social{display:none;}
    header .header-top .search{padding-right:10px;}
    header .header-top .search input{width:190px;}
}

@media all and (max-width: 767px){
    header .header-top{position:static; border-bottom:solid 7px #216931; height:auto; padding:30px 0; text-align:left;}
    header .header-top .news,
    header .header-top.buttons .news{padding:0 0 15px 13px; border-bottom:solid 1px #dc5557; display:block;}
    header .header-top .search{padding:15px 0 0 13px;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°             Logo and baseline             °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

header .logo{
    height:132px;
    padding-top:46px;
    z-index:22;
}

/* .o° .o° .o° .o° .o° .o° Logo °o. °o. °o. °o. °o. °o. */


header .logo #header-logo{
    position:absolute; top:-35px; left:43px;
    z-index:23;
}

/* .o° .o° .o° .o° .o° .o° Baseline °o. °o. °o. °o. °o. °o. */

header .logo .baseline{
    display:inline-block;
    padding:65px 22px 0 0;
    font:700 29px / 48px 'Dancing Script', cursive;
    color:#e30a17;
    background:url(../images/common/header/baseline.png) no-repeat right bottom;
}

header .logo .baseline span{
    color:#087234;
}

@media all and (max-width: 989px){
    header .logo{height:112px;}
    header .logo #header-logo{width:178px; left:60px;}
    header .logo .baseline{padding:55px 17px 0 18px; font-size:26px; line-height:38px; background-size:31px 23px;}
}

@media all and (max-width: 767px){
    header .logo{height:76px; text-align:center; padding-top:0; margin-top:55px; background:#fff;}
    header .logo #header-logo{width:134px; top:-40px; left:50%; margin-left:-67px;}
    header .logo .baseline{padding:28px 13px 0 0; font-size:19px; line-height:30px; background-size:23px 17px;}
}

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

header nav{
    border-top:solid 1px #439208;
    height:60px;
    box-shadow:0px 3px 5px rgba(0, 0, 0, 0.1);
    z-index:21;
}

header nav ul{
    font-size:0;
}

header nav ul li{
    display:inline-block;
    height:60px;
    background:url(../images/common/header/nav-separator.gif) no-repeat 0 center;
}

header nav ul li.bg-off{
    background:none;
}

header nav ul li a{
    font:600 14px / 60px 'Open Sans', sans-serif;
    color:#006e2e;
    text-transform:uppercase;
    padding:0 29px;
    display:inline-block;
    height:60px;
}

header nav ul li:last-child a{
    background:url(../images/common/header/nav-separator.gif) no-repeat right center;
}

header nav ul li:hover a{
    color:#fff;
    background:#e71a2b;
}

header nav ul li:hover .sub-menu a{
    background:none;
}

/* .o° .o° .o° .o° .o° .o° Sub menu °o. °o. °o. °o. °o. °o. */

header nav ul.sub-menu{
    position:absolute; top:60px; left:0;
    width:100%;
    background:rgba(255, 255, 255, 0.85);
    text-align:center;
    border-top:solid 4px #e71a2b;
    box-shadow:0px 3px 5px rgba(0, 0, 0, 0.1);
    display:none;
}

header nav ul.sub-menu li{
    border-left:solid 1px #dfe7da;
    background:none;
    height:auto;
    text-align:center;
}

header nav ul.sub-menu li a{
    font:700 25px / 21px 'Dancing Script', cursive;
    color:#cc0202;
    text-transform:none;
    padding:0;
    height:auto;
}

header nav ul.sub-menu li:last-child{
    border-right:solid 1px #dfe7da;
}

header nav ul.sub-menu li:last-child a{
    background:none;
}

header nav ul.sub-menu li a:hover{
    background-color:#dfe7da;
    color:#411200;
}

/* Panzani Products */

header nav li:nth-child(2) ul.sub-menu li{
    width:170px;
}

header nav li:nth-child(2) ul.sub-menu li a{
    width:100%;
    display:table;
}

header nav li:nth-child(2) ul.sub-menu li span{
    vertical-align:middle;
    display:table-cell;
    height:60px;
    padding:128px 0 0 0;
}

header nav li:nth-child(2) ul.sub-menu li:nth-child(1) span{background:url(../images/products/product-landing-2.png) no-repeat center 19px / 113px auto;}
header nav li:nth-child(2) ul.sub-menu li:nth-child(2) span{background:url(../images/products/product-landing-3.png) no-repeat center 22px / 103px auto;}
header nav li:nth-child(2) ul.sub-menu li:nth-child(3) span{background:url(../images/products/product-landing-4.png) no-repeat center 44px / 108px auto;}
header nav li:nth-child(2) ul.sub-menu li:nth-child(4) span{background:url(../images/products/product-landing-5.png) no-repeat center 26px / 113px auto;}
header nav li:nth-child(2) ul.sub-menu li:nth-child(5) span{background:url(../images/products/product-landing-6.png) no-repeat center 26px / 111px auto;}
header nav li:nth-child(2) ul.sub-menu li:nth-child(6) span{background:url(../images/products/product-landing-1.png) no-repeat center 11px / 103px auto;}

/* Panzani Brand */

header nav li:nth-child(5) ul.sub-menu li{
    width:255px;
}

header nav li:nth-child(5) ul.sub-menu li a{
    width:100%;
    display:table;
}

header nav li:nth-child(5) ul.sub-menu li span{
    vertical-align:middle;
    display:table-cell;
    height:98px;
}

/* .o° .o° .o° .o° .o° .o° Button for responsive nav °o. °o. °o. °o. °o. °o. */

header .responsive-nav-button{
    width:52px;
    height:55px;
    position:fixed; top:0; right:0;
    z-index:21;
    background:url(../images/common/header/responsive-nav-open.png) no-repeat center center ;
    cursor:pointer;
    display:none;
}

header .responsive-nav-button.off{
    background-image:url(../images/common/header/responsive-nav-close.png);
    display:none;
}

/* .o° .o° .o° .o° .o° .o° Scrolled °o. °o. °o. °o. °o. °o. */

header.scrolled nav{
    text-align:right;
    border-top:none;
    border-bottom:solid 4px #ec031f;
    height:47px;
}

header.scrolled nav ul li{
    height:47px;
}

header.scrolled nav ul li a{
    padding:0 17px;
    line-height:47px;
    height:47px;
}

header.scrolled nav ul.sub-menu li,
header.scrolled nav ul.sub-menu li a{
    height:auto;
    line-height:21px;
    padding:0;
}
header.scrolled nav ul.sub-menu li{
    vertical-align: top;
}

header.scrolled .logo .baseline{
    display:none;
}

header.scrolled nav ul.sub-menu{
    top:47px;
}

@media all and (max-width: 989px){
    header nav{height:58px;}
    header nav ul{text-align:center;}
    header nav ul li{height:58px;}
    header nav ul li a{font-size:12px; line-height:58px; height:58px; padding:0 18px;}
    header nav ul li:first-child, header nav ul li:last-child a{background:none;}
    header nav ul.sub-menu{top:58px;}
    header nav ul.sub-menu li a{font-size:23px;}
    header nav li:nth-child(2) ul.sub-menu li{width:127px;}
    header nav li:nth-child(5) ul.sub-menu li{width:191px;}
    header nav ul li:hover a{background:#e71a2b;}
    header.scrolled nav ul{text-align:right;}
    header.scrolled nav ul li a{padding:0 9px;}
}

@media all and (max-width: 767px){
    header .responsive-nav-button.on{display:block;}
    header .mobile-container{position:fixed; top:55px; right:0; width:100%; background:#fff; overflow-y:scroll;}
    header nav{background:#fff; border:none; height:auto; box-shadow:none;}
    header nav ul{padding:23px 0 0 0; text-align:left;}
    header nav ul li{height:auto; background:none; border-bottom:solid 1px #dde7e0; display:block;}
    header nav ul li br{display:none;}
    header nav ul li.menu-item-has-children a{}
    header nav ul li a{font-size:18px; line-height:53px; padding:0 0 0 13px; height:auto; display:block;}
    header nav ul li.menu-item-has-children a{background:url(../images/common/header/responsive-nav-sub.png) no-repeat 285px center;}
    header nav ul li:hover a{background-color:#e71a2b;}
    header nav ul li:last-child a{background-image:none;}
    header nav ul.sub-menu{position:static; top:0; background:#fff; text-align:left; border:none; box-shadow:none; padding:0;}
    header nav ul.sub-menu li{border:none; text-align:left; border-bottom:solid 1px #dde7e0;}
    header nav ul.sub-menu li a{font-size:23px; line-height:53px; padding:0 0 0 25px;}
    header nav ul.sub-menu li:last-child{border:none;}
    header nav li:nth-child(2) ul.sub-menu li,
    header nav li:nth-child(5) ul.sub-menu li{width:auto;}
    header nav li:nth-child(2) ul.sub-menu li a,
    header nav li:nth-child(5) ul.sub-menu li a{width:auto; display:block;}
    header nav li:nth-child(2) ul.sub-menu li span,
    header nav li:nth-child(5) ul.sub-menu li span{display:block; height:auto; padding:0;}
    header nav li:nth-child(2) ul.sub-menu li:nth-child(1) span,
    header nav li:nth-child(2) ul.sub-menu li:nth-child(2) span,
    header nav li:nth-child(2) ul.sub-menu li:nth-child(3) span,
    header nav li:nth-child(2) ul.sub-menu li:nth-child(4) span,
    header nav li:nth-child(2) ul.sub-menu li:nth-child(5) span,
    header nav li:nth-child(2) ul.sub-menu li:nth-child(6) span{background:none;}
}

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

#breadcrumb{
    height:26px;
    padding:14px 0 0 0;
    background:#e5232a;
    font:400 13px / 26px 'Open Sans', sans-serif;
    color:#fff;
    position:fixed; top:239px; left:0;
    width:100%;
    z-index:19;
}

#breadcrumb a{
    color:#fff;
}

#breadcrumb .breadcrumb-desktop a:after{
    content:' /';
}

#breadcrumb a:hover{
    color:#ffbaba;
}

/* .o° .o° .o° .o° .o° .o° Mobile Breadcrumb °o. °o. °o. °o. °o. °o. */

#breadcrumb p.breadcrumb-mobile{
    display:none;
}

@media all and (max-width: 989px){
    #breadcrumb{height:18px; padding:12px 0 0 0; font-size:10px; line-height:18px; top:217px;}
    #breadcrumb p{padding:0 13px;}
}

@media all and (max-width: 767px){
    #breadcrumb{position:relative; top:131px;}
    #breadcrumb p.breadcrumb-desktop{display:none;}
    #breadcrumb p.breadcrumb-mobile{display:block;}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*         o°        o°        o°                                         °o        °o        °o         */
/*        O         O         O                    CONTENT                  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{
    background-repeat:no-repeat;
    background-attachment:fixed;
    padding:0 0 50px 0;
    background-position:center 51px;
}

@media all and (max-width: 989px){
    #main-container{background-size:1500px;}
}

@media all and (max-width: 767px){
    #main-container{background-position:center 131px; padding-top:0;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                Page title                 °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.page-title{
    background:rgba(255, 255, 255, 0.5);
    padding:290px 0 31px 0;
    text-align:center;
}

.page-title h1 span{
    color:#411200;
}

.page-title h1{
    font:700 68px / 70px 'Dancing Script', cursive;
    color:#ec031f;
}

.page-title p{
    font:700 27px / 28px 'Dancing Script', cursive;
    color:#411200;
    padding:8px 0 0 0;
}

@media all and (max-width: 989px){
    .page-title{padding:270px 0 23px 0;}
    .page-title p, .page-title .title_h2{font-size:21px; line-height:21px;}
    .page-title h1, .page-title .title_h1{font-size:51px; line-height:53px;}
}

@media all and (max-width: 767px){
    .page-title{padding-top:155px;}
    .page-title p{display:none;}
}

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

.pagination{
    text-align:center;
    padding:28px 0 0 0;
}

.pagination a{
    display:inline-block;
    font:700 16px / 40px 'Open Sans', sans-serif;
    color:#f01724;
    width:40px;
    height:40px;
    margin:0 10px;
}

.pagination a:hover, .pagination a.current{
    background:#f01724;
    color:#fff;
}

@media all and (max-width: 767px){
    .pagination a{font-size:14px; line-height:30px; height:30px; width:30px; margin:0 8px;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                Share pop in                °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.pop-display{
    display:none;
}

#pop-in{
    padding:15px;
}

/* title */

#pop-in .title_popin{
    font:700 17px / 36px 'Open Sans', sans-serif;
    color:#52c43b;
    text-transform:uppercase;
    padding:0 0 0 48px;
    background:url(../images/common/send-mail-button.png) no-repeat 0 0;
    width:234px;
    margin:0 auto;
    display: block;
}

/* form */

#pop-in form{
    width:282px;
    margin:0 auto;
    padding:20px 0 0 0;
}

#pop-in form input{
    width:256px;
    background:#fff;
    border:solid 1px #cac9c9;
    height:43px;
    padding:0 12px;
    font:400 12px / 100% 'Open Sans', sans-serif;
    color:#411200;
    margin:0 0 12px 0;
}

#pop-in form input::-webkit-input-placeholder{font-style:italic; opacity:1;}
#pop-in form input::-moz-placeholder{font-style:italic; opacity:1;}
#pop-in form input:-ms-input-placeholder{font-style:italic; opacity:1;}
#pop-in form input:-moz-placeholder{font-style:italic; opacity:1;}

#pop-in form button{
    width:135px;
    height:44px;
    border-radius:2px;
    background:#52c43b;
    font:400 16px / 44px 'Open Sans', sans-serif;
    color:#fff;
    text-transform:uppercase;
    cursor:pointer;
    border:none;
    margin:10px 0 0 74px;
}

/* required fields */

#pop-in .pop-required{
    font:400 italic 12px / 15px 'Open Sans', sans-serif;
    color:#411200;
    padding:12px 0 0 0;
}

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

footer{
    border-top:solid 46px #f51d2a;
}

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

footer .logo{
    position:relative;
    height:60px;
}

footer .logo #footer-logo{
    position:absolute; top:-35px; left:50%;
    width:198px;
    margin-left:-99px;
}

@media all and (max-width: 767px){
    footer .logo{height:30px;}
    footer .logo #footer-logo{width:134px; top:-30px; left:12px; margin-left:0;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                Footer text                °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

footer .text{
    padding:18px 20px;
    font:400 13px / 15px 'Open Sans', sans-serif;
    color:#a6a0a4;
    text-align:center;
}

footer .text.recycling{
    padding-top:0;
}

footer .text a{
    color:#a6a0a4;
    text-decoration:underline;
}

footer .text a:hover{
    text-decoration:none;
}

footer .text img{
    vertical-align:middle;
    margin:0 10px 0 0;
}

@media all and (max-width: 989px){
    footer .text{font-size:11px; line-height:13px;}
}

@media all and (max-width: 767px){
    footer .text{text-align:left;}
}

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

footer nav{
    text-align:center;
    padding:20px 0;
    border-top:solid 1px #463940;
    border-bottom:solid 1px #463940;
}

footer nav ul{
    font-size:0;
}

footer nav ul li{
    display:inline;
    font:600 14px / 18px 'Open Sans', sans-serif;
    color:#463940;
    text-transform:uppercase;
    padding:0 23px;
}

footer nav ul li a{
    color:#463940;
}

footer nav ul li a:hover{
    color:#000;
}

@media all and (max-width: 989px){
    footer nav ul li{font-size:12px; line-height:14px; padding:0 12px;}
}

@media all and (max-width: 767px){
    footer nav{display:none;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°               Nav for mobile              °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

footer .footer-mobile-nav{
    padding:0 20px 8px 20px;
    display:none;
}

footer .footer-mobile-nav label{
    font:600 12px / 26px 'Open Sans', sans-serif;
    color:#463940;
    display:block;
    text-transform:uppercase;
}

footer .footer-mobile-nav .select-container{
    width:278px;
    height:33px;
    position:relative;
    border:solid 2px #005120;
    background:#fff;
    cursor:pointer;
}

footer .footer-mobile-nav .select-container span{
    font:400 12px / 33px 'Open Sans', sans-serif;
    color:#000;
    display:block;
    width:215px;
    height:33px;
    background:url(../images/products/filter-select.png) no-repeat right center;
    padding:0 53px 0 10px;
    position:absolute; top:0; left:0;
    cursor:pointer;
}

footer .footer-mobile-nav .select-container select{
    width:100%;
    opacity:0;
    height:33px;
    line-height:33px;
    -webkit-appearance: menulist-button;
}

@media all and (max-width: 767px){
    footer .footer-mobile-nav{display:block;}
}