/*
	Theme Name: Eggsquis
	Theme URI: 
	Description: Eggsquis theme
	Version: 1.0
	Author: Bravad
	Author URI: https://bravad.ca
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

@font-face {
	font-family: 'Pluto';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/plutoregular-webfont.eot');
	src: url('fonts/plutoregular-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/plutoregular-webfont.woff') format('woff'),
		url('fonts/plutoregular-webfont.ttf') format('truetype'),
		url('fonts/plutoregular-webfont.svg#pluto_regularregular') format('svg');
}

@font-face {
	font-family: 'Pluto';
	font-style: normal;
	font-weight: lighter;
	src: url('fonts/plutolight-webfont.eot');
	src: url('fonts/plutolight-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/plutolight-webfont.woff') format('woff'),
		url('fonts/plutolight-webfont.ttf') format('truetype'),
		url('fonts/plutolight-webfont.svg#pluto_lightregular') format('svg');
}

@font-face {
	font-family: 'Pluto';
	font-style: normal;
	font-weight: bold;
	src: url('fonts/plutoheavy-webfont.eot');
	src: url('fonts/plutoheavy-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/plutoheavy-webfont.woff') format('woff'),
		url('fonts/plutoheavy-webfont.ttf') format('truetype'),
		url('fonts/plutoheavy-webfont.svg#plutoheavy') format('svg');
}

*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}html,body{font-size:100%}body{color:#000;font-family: 'Pluto',Helvetica,Arial,sans-serif}.clear:after,.clear:before{content:' ';display:table}.clear:after{clear:both}.clear{*zoom:1}img{max-width:100%;vertical-align:bottom}a{color:#000;text-decoration:none}a:hover{color:#000}a:active,a:focus,a:hover{ background:none;outline:0; text-decoration:none;}input:focus{border:1px solid #04A4CC;outline:0}

/* Table bootstrap */
.inside{background:#ededed;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f4f4),color-stop(100%,#ededed));background:-moz-linear-gradient(top,#f4f4f4 0,#ededed 100%);background:-ms-linear-gradient(top,#f4f4f4 0,#ededed 100%);margin-bottom:20px;margin-top:20px}.inside-full-height{height:100%;margin-bottom:0;margin-top:0}.row-height{display:table;height:100%;table-layout:fixed;width:100%}.col-height{display:table-cell;float:none;height:100%}.col-top{vertical-align:top}.col-middle{vertical-align:middle}.col-bottom{vertical-align:bottom}@media (min-width:480px){.row-xs-height{display:table;height:100%;table-layout:fixed;width:100%}.col-xs-height{display:table-cell;float:none;height:100%}.col-xs-top{vertical-align:top}.col-xs-middle{vertical-align:middle}.col-xs-bottom{vertical-align:bottom}}@media (min-width:768px){.row-sm-height{display:table;height:100%;table-layout:fixed;width:100%}.col-sm-height{display:table-cell;float:none;height:100%}.col-sm-top{vertical-align:top}.col-sm-middle{vertical-align:middle}.col-sm-bottom{vertical-align:bottom}}@media (min-width:992px){.row-md-height{display:table;height:100%;table-layout:fixed;width:100%}.col-md-height{display:table-cell;float:none;height:100%}.col-md-top{vertical-align:top}.col-md-middle{vertical-align:middle}.col-md-bottom{vertical-align:bottom}}@media (min-width:1200px){.row-lg-height{display:table;height:100%;table-layout:fixed;width:100%}.col-lg-height{display:table-cell;float:none;height:100%}.col-lg-top{vertical-align:top}.col-lg-middle{vertical-align:middle}.col-lg-bottom{vertical-align:bottom}}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
.nopad{padding:0!important;}
.relative{position:relative;}
.absolute{position:absolute;}
.center{text-align:center;}
.ta-right{text-align:right;}
.upper{text-transform:uppercase;}
.pad{padding:50px 0;}
.smallpad{padding:25px 0;}
.largepad{padding:75px 0;}
.page-info{font-size:18px;}
.light{font-weight:300;}
.table{display:table;}
.hideme{visibility:hidden;}
.table-cell{display:table-cell}
.middle{vertical-align:middle;}
.ucenter{ left:50%;position:absolute; top:50%; transform: translate(-50%, -50%);}
.row{margin:0;}
.oh{overflow:hidden;}
.right{float:right;}
.left{float:left;}
.appear .container{opacity:0;}
.strong, .bold{font-weight:bold;}
.cover{background-size:cover!important;}
.important{color:#d0224c}
.orange{color:#fe6b00;}
.displayNone{display: none!important;}

.icon-bar{background:#000;}

h1,h2,h3,h4,h5{ color:#000; font-weight: bold;text-transform:uppercase;}

.flex{display: flex}
.nowrap{flex-wrap: nowrap;}
.item{flex:auto;}

.dotted{ border-top:5px dotted #000; margin:15px 0;width:100%;}
.dotted.fifty{ border-top:5px dotted #000; margin:15px 0;width:50%;}
.dotted.orange{ border-top:5px dotted #fe6b00; margin:15px 0;width:100%;}
.dotted.fitty.orange{ border-top:5px dotted #fe6b00; margin:15px 0;width:50%;}

.orange-btn{background:#fe6b00; border-radius: 25px; color:#fff; padding:15px 30px; transition: all 0.2s; }
.orange-btn:hover{background:#000; color:#fff;}

/**{outline: 1px solid red;}*/

/*------------------------------------*\
	BOOTSTRAP
\*------------------------------------*/
.container{max-width: 1440px;}

/*------------------------------------*\
	GOOGLE MAP Stuff
\*------------------------------------*/

.pac-container {z-index: 9999 !important;}

/*------------------------------------*\
	NAV
\*------------------------------------*/

#cart-icn .cls-1{fill:#282828;}


nav.mobile{display: none;}
nav.desktop{ background:#fff;display:block; height: 149px; left: 0; position: fixed; top: 0; transition: background 0.2s; width: 100%; z-index: 8000;}
nav.desktop.is-scrolled{background:#fff;}
nav #desktop-menu { display: flex; flex-wrap: nowrap; left:50%; max-width: 1920px;position: fixed; top:0; transform: translateX(-50%); width:100%; z-index: 9900; }
nav #desktop-menu .item{flex:auto;}
nav #desktop-menu .menu-icn, nav #desktop-menu .search-icn{ background:#fff; border:1px solid #fe6b00; border-radius: 50%; cursor: pointer; margin:30px 0 0 0;max-width: 74px; padding:20px; transition: background 0.2s; width:74px; z-index: 10;}
nav #desktop-menu .menu-icn{float:right;}
nav #desktop-menu .menu-icn #menu-icn .cls-1{fill:#fe6b00; transition: all 0.25s; width:100%;}
nav #desktop-menu .menu-icn:hover{background:#fe6b00;}
nav #desktop-menu .menu-icn:hover #menu-icn .cls-1{fill:#fff;}
nav #desktop-menu .search-icn #search-icn .cls-1, nav #desktop-menu .search-icn #search-icn .cls-2{fill:none;stroke:#fe6b00;stroke-miterlimit:10;stroke-width:6px;}
nav #desktop-menu .search-icn #search-icn .cls-2{stroke-linecap:round;}
nav #desktop-menu .logo-space{width:320px;}
nav #desktop-menu .logo{ left:50%; position: absolute;text-align: center; transform: translateX(-50%);}
nav #desktop-menu .logo #logo{max-width: 320px; width:320px;}
nav #desktop-menu .logo #logo .cls-1{fill:#ff6b00;}
nav #desktop-menu .logo #logo .cls-1, nav #desktop-menu .logo #logo .cls-3{fill-rule:evenodd;}
nav #desktop-menu .logo #logo .cls-2, nav #desktop-menu .logo #logo .cls-3{fill:#fff;}
nav #desktop-menu .item a{ color:#282828; display: block;font-size:1.2rem; font-weight: bold;padding:50px 0; text-transform: uppercase; transition:color 0.2s;}
nav #desktop-menu .logo a{padding:0;}
nav #desktop-menu .item a:hover{color:#fe6b00;}
nav #desktop-menu .take-out-amount{font-size:1.2rem; font-weight: bold; position: relative;}
nav #desktop-menu .take-out-amount #cart-icn{ margin-top:-10px;width:40px; }
nav #desktop-menu .take-out-amount #cart-icn .cls-1{fill:#000; transition: fill 0.2s}
nav #desktop-menu .take-out-amount .cart-icn:hover #cart-icn .cls-1{fill:#fe6b00;}
nav #desktop-menu .take-out-amount .cart-icn .count{color:#000; font-size:14px; font-weight: bold; left:calc(50% - 6px); margin-top:5px; position: absolute; text-align: center; transform: translateX(-50%); transition:color 0.25s;}
nav #desktop-menu .take-out-amount .cart-icn:hover .count{color:#fe6b00;}
nav #desktop-menu .take-out-amount .total{margin-top:-40px; transition: all 0.25s}
nav #desktop-menu .take-out-amount:hover .total{color:#fe6b00;}

nav #desktop-menu #choose_restaurant span{background:#fe6b00; border-radius: 50px; color:#fff; padding:10px 15px; transition: background 0.25s; white-space: nowrap;}
nav #desktop-menu #choose_restaurant:hover span{background:#000; }
nav #desktop-menu #choose_restaurant.selectedRestaurant span{background:none; color:#fe6b00; padding:0;}
nav #desktop-menu #choose_restaurant.selectedRestaurant:hover span{background:none;}

nav #desktop-menu .my-account{ border:1px solid #fe6b00; border-radius: 50%; height:74px; margin-right:5%; margin-top:30px; max-width: 74px; padding:20px; transition: background 0.25s;width:74px;}
nav #desktop-menu .my-account a{padding:0;}
nav #desktop-menu .my-account svg .my-account-class{fill:#fe6b00; transition: all 0.25s;}
nav #desktop-menu .my-account:hover{background:#fe6b00;}
nav #desktop-menu .my-account:hover svg .my-account-class{fill:#fff;}

nav #desktop-menu .search-icn{ display: none;margin-right:-37px; transition: background 0.5s;} /* Hide search for now */
nav #desktop-menu .search-icn.open{background:#fff;}
nav #desktop-menu .search{position: relative; z-index: 10;}
nav #desktop-menu .search form{ background: #ff6b00; display: none; max-width: 500px; overflow: initial!important; padding: 22px;position: absolute; right: calc(100% - 37px); top: 30px; width:0%; z-index: -1;}
nav #desktop-menu .search form::after{ background: #fe6b00; border-radius: 50%;content:''; height:74px; position: absolute; right:-37px; top:0; width:74px }
nav #desktop-menu .search form::before{ background: #fe6b00; border-radius: 50%;content:''; height:74px; left:-37px; position: absolute; top:0; width:74px; z-index:-2; }
nav #desktop-menu .search form input{background: initial; border: 0; color:#fff; font-size:1.2rem; font-weight: bold; width:100%;}
nav #desktop-menu .search form input::placeholder{color: #eee; font-weight: bold;}

nav #big-menu{ background:#fff; height:0%; left:0; overflow: hidden;position: fixed; top:149px; transition: height 0.3s; width:100%; z-index:7999;}
nav #big-menu.open{height:100%;}
nav #big-menu .sub-menu-flex{display: flex; flex-wrap: nowrap;}
nav #big-menu .sub-menu-flex > div{flex:0 1 50%;}
nav #big-menu .left-menu, nav #big-menu .right-menu{overflow: hidden; position: relative;}
nav #big-menu .left-menu .sub-menu {position: relative;}
nav #big-menu .left-menu .sub-menu .filter{background: rgba(255,255,255,0.75); height:100%; left:0; opacity: 1; pointer-events: none; position: absolute; top:0; transition: opacity 0.2s, color 0.2s; width:100%; z-index:0;}
nav #big-menu .left-menu .sub-menu a{ color:#000; display: block; font-size:44px; font-weight: bold; height:calc((100vh - 150px) / 3);padding:calc(((100vh - 150px) / 3) / 2.5) 5%; position:relative; text-transform: uppercase; z-index:2; }
nav #big-menu .left-menu .sub-menu:hover .filter{opacity: 0}
nav #big-menu .left-menu .sub-menu:hover a{color:#fff;}
nav #big-menu .left-menu .sub-menu.news{background: url(img/sub-menu-news-bg.jpg) no-repeat center center; background-size:cover;}
nav #big-menu .left-menu .sub-menu.kids{background: url(img/sub-menu-kids-bg.jpg) no-repeat center center; background-size:cover;}
nav #big-menu .left-menu .sub-menu.career{background: url(img/sub-menu-career-bg.jpg) no-repeat center center; background-size:cover;}

nav #big-menu .right-menu .find-restaurant{background:#e9e9e9; color:#000; font-weight: bold; padding:40px 40px 40px 200px; text-align: center; text-transform: uppercase;}
nav #big-menu .right-menu .find-restaurant h4, nav #big-menu .right-menu .advantage-card h4{ color:#000; font-size:18px;font-weight: bold; text-transform: uppercase;}
nav #big-menu .right-menu .find-restaurant form{ left:50%; margin:40px 0; position: relative; transform: translateX(-50%);width:50%;}
nav #big-menu .right-menu .find-restaurant form input{ border:1px solid #000;flex:0 1 85%; padding:10px; }
nav #big-menu .right-menu .find-restaurant form .submit-btn{background:#fe6b00; border-bottom:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; cursor: pointer; flex:0 1 15%;}
nav #big-menu .right-menu .find-restaurant form #pinpoint{ height:25px; margin-top:9px;width:25px;}
nav #big-menu .right-menu .find-restaurant form #pinpoint .cls-1{fill:#000;}
nav #big-menu .right-menu .find-restaurant #target-icn{ height:32px; margin: -5px 10px 0 10px;width:32px;}
nav #big-menu .right-menu .find-restaurant #target-icn .cls-1{fill:none; stroke:#fe6b00; stroke-miterlimit:10; stroke-width:3px;}
nav #big-menu .right-menu .find-restaurant .detect-position{color:#fe6b00; display: block; margin-top:20px; text-transform: uppercase;}

nav #big-menu .right-menu .advantage-card{ padding:40px 40px 40px 200px;text-align: center;}
nav #big-menu .right-menu .advantage-card svg{max-width: 300px}
nav #big-menu .right-menu .advantage-card h4{margin:15px 0;}

nav #big-menu .center-menu{ background:#fff; border-left:2px solid #f1f1f1; border-right:2px solid #f1f1f1; height:100%; left:50%;max-width: 320px; padding:40px 0; position: absolute; text-align: center; top:0; transform:translateX(-50%); width:100%;  z-index: 10;}
nav #big-menu .center-menu .language, nav #big-menu .center-menu .social{ left:50%;list-style: none; max-width: 80px; padding:0; position: relative; transform: translateX(-50%);}
nav #big-menu .center-menu .language li a{ color:#fe6b00;font-size:48px; font-weight: bold; text-transform: uppercase; transition: color 0.2s;}
nav #big-menu .center-menu .language li a:hover{color:#000;}
nav #big-menu .center-menu .language li, nav #big-menu .center-menu .social li{margin:50px 0;}

nav #big-menu .center-menu #facebook-icn, nav #big-menu .center-menu #twitter-icn, nav #big-menu .center-menu #linkedin-icn, nav #big-menu .center-menu #instagram-icn{ max-height: 50px;max-width: 50px;}
nav #big-menu .center-menu #facebook-icn .cls-1{fill:#fe6b00; transition: fill 0.2s;}
nav #big-menu .center-menu #facebook-icn:hover .cls-1{fill:#000;}
nav #big-menu .center-menu #twitter-icn .cls-1{isolation:isolate;}
nav #big-menu .center-menu #twitter-icn .cls-2{fill:#fe6b00;mix-blend-mode:multiply; transition: fill 0.2s;}
nav #big-menu .center-menu #twitter-icn:hover .cls-2{fill:#000;}
nav #big-menu .center-menu #linkedin-icn .cls-1{ fill:#fe6b00;fill-rule:evenodd; transition: fill 0.2s;}
nav #big-menu .center-menu #linkedin-icn:hover .cls-1{fill:#000;}
nav #big-menu .center-menu #instagram-icn .cls-1{fill:none;}
nav #big-menu .center-menu #instagram-icn .cls-2{clip-path:url(#clip-path);}
nav #big-menu .center-menu #instagram-icn .cls-3{fill:#fe6b00;fill-rule:evenodd; transition: fill 0.2s;}
nav #big-menu .center-menu #instagram-icn:hover .cls-3{fill:#000;}

@media screen and (max-width: 1800px){
	nav #desktop-menu .item.take-out{ left:100px;position: relative;}
}

@media screen and (max-width: 1366px){
	nav #desktop-menu .logo-space {min-width: 400px}
	nav #desktop-menu .item{flex:0 1 calc(100vw);}
	nav #desktop-menu .item a{font-size:0.8rem; }
	nav #desktop-menu .item.big-menu-link{ margin-left:2%;max-width: 74px;}
	nav #desktop-menu .item.take-out{ left:80px;position: relative;}
}

@media screen and (max-width: 1200px){
	nav #desktop-menu .item a, nav #desktop-menu .take-out-amount{font-size:0.8rem;}
}

@media screen and (max-width: 1024px){
	nav.desktop{display: none;}
	nav.mobile{display: block;}

	nav.mobile{ background:#fff; box-shadow: 0px 5px 5px #afa5a550; left:0; padding:0;position: fixed; top:0; width: 100%; z-index: 7999;}
	nav.mobile .menu-icn, nav.mobile .search-icn{ border:1px solid #fe6b00; border-radius: 50%; cursor: pointer; margin:15px;max-width: 50px; padding:12px; transition: background 0.2s; width:50px; z-index: 10;}
	nav.mobile .menu-icn #menu-icn .cls-1{fill:#fe6b00; width:100%;}
	nav.mobile .logo #logo{ left:50%;max-width: 175px; position: absolute; top:0; transform: translateX(-50%); width:240px;}
	nav.mobile .logo #logo .cls-1{fill:#ff6b00;}
	nav.mobile .logo #logo .cls-1, nav.mobile .logo #logo .cls-3{fill-rule:evenodd;}
	nav.mobile .logo #logo .cls-2, nav.mobile .logo #logo .cls-3{fill:#fff;}

	nav.mobile .cart{position: absolute; right:15px; top:25px;}
	nav.mobile .cart #cart-icn{width:40px; }
	nav.mobile .cart #cart-icn .cls-1{fill:#fe6b00; transition: fill 0.2s}
	nav.mobile .cart .cart-icn .count{color:#fe6b00; font-size:14px; font-weight: bold; left:calc(50% - 6px); margin-top:15px; position: absolute; text-align: center; transform: translateX(-50%); transition:color 0.2s;}
	nav.mobile .cart .cart-icn:hover .count{color:#fe6b00;}
	nav.mobile .cart .total{font-size:12px;}

	nav.mobile .nav-content{ display: none; overflow:hidden!important;}

	nav.mobile .search-icn{ background:#fff; border-radius: 50%;position: absolute; right:-41px; top:-15px;}
	nav.mobile .search-icn #search-icn .cls-1, nav.mobile .search-icn #search-icn .cls-2{fill:#fff;stroke:#fe6b00;stroke-miterlimit:10;stroke-width:6px;}
	nav.mobile .search-icn #search-icn .cls-2{stroke-linecap:round;}

	nav.mobile .nav-content .search{background: #fff; color:#000; left:50%; margin:40px 0 20px; position: relative; transform: translateX(-50%); width:70vw; }
	nav.mobile .nav-content .search form{ left:50%;  overflow: initial!important; position:relative; transform: translateX(-50%);}
	nav.mobile .nav-content .search form::after{ background: #fe6b00; border-radius: 50%;content:''; height:52px; position: absolute; right:-22px; top:0; width:52px }
	nav.mobile .nav-content .search form::before{ background: #fe6b00; border-radius: 50%;content:''; height:52px; left:-22px; position: absolute; top:0; width:52px; z-index:-2; }
	nav.mobile .nav-content .search form input{background: #fe6b00;  border:0; color:#fff; font-size:1.2rem; font-weight: bold;  padding: 12px 0; width:100%;}
	nav.mobile .nav-content .search form input::placeholder{color: #eee; font-weight: bold;}

	nav.mobile .nav-content .order{background:#222; text-align: center;}
	nav.mobile .nav-content .order a{color:#fff; display: block; font-weight: bold; padding:15px 0; text-transform: uppercase;}

	nav.mobile .nav-content ul.nav-mobile{display: block; padding:20px 0;}
	nav.mobile .nav-content ul.nav-mobile li{display: block; padding:0 30px;}
	nav.mobile .nav-content ul.nav-mobile li a{ color:#000;display: block; font-weight: bold; padding:5px 0; text-transform: uppercase;}

	nav.mobile .social{ display: flex; flex-wrap: nowrap; justify-content: space-around;list-style:none; margin:15px auto; max-width: 300px; padding:0;}
	nav.mobile .social li{flex:0 1 auto; max-height: 30px;}
	nav.mobile .social li svg{ height:auto;width: 20px;}
	nav.mobile .social #facebook-icn, nav.mobile .social #twitter-icn, nav.mobile .social #linkedin-icn, nav.mobile .social #instagram-icn{ max-height: 30px;max-width: 50px;}
	nav.mobile .social #facebook-icn{max-height: 20px}
	nav.mobile .social #facebook-icn .cls-1{fill:#fe6b00;}
	nav.mobile .social #twitter-icn .cls-1{isolation:isolate;}
	nav.mobile .social #twitter-icn .cls-2{fill:#fe6b00;mix-blend-mode:multiply;}
	nav.mobile .social #linkedin-icn .cls-1{ fill:#fe6b00;fill-rule:evenodd;}
	nav.mobile .social #instagram-icn .cls-1{fill:none;}
	nav.mobile .social #instagram-icn .cls-2{clip-path:url(#clip-path);}
	nav.mobile .social #instagram-icn .cls-3{fill:#fe6b00;fill-rule:evenodd;}
}

/*------------------------------------*\
	Choose restaurant modal
\*------------------------------------*/

a.selectedRestaurant{margin-top:-20px; }
a.selectedRestaurant span.selected{font-size:12px!important;}
.selectedRestaurant span.restaurantName{ color:#fe6b00; display: block;font-size:14px; line-height: 17px;}

.modal-backdrop {z-index: 9998;}
.modal {z-index: 9999;}

#chooseRestaurantModal h4{font-size:20px;}
#chooseRestaurantModal h5{font-size:18px; margin:20px 0;}
#chooseRestaurantModal .loading{display: none;}
#chooseRestaurantModal .loading svg{max-width: 200px;}

@media screen and (max-width: 1024px){
	#chooseRestaurantModal h4{font-size:18px;}
	#chooseRestaurantModal h5{font-size:16px;}
	.mobile-restaurantSelect{ margin-top:50px;text-align: center;}
}

/*------------------------------------*\
	Lunch menu modal
\*------------------------------------*/

#lunch-menu-ajax h4{font-size:20px;}
#lunch-menu-ajax h5{font-size:18px; margin:20px 0;}
#lunch-menu-ajax .loading{display: block;}

#lunch-menu-ajax #choose_restaurant{display: block; margin:15px 0; text-align: center;}
#lunch-menu-ajax #choose_restaurant span{background:#fe6b00; border-radius: 50px; color:#fff; padding:10px 15px; transition: background 0.25s}
#lunch-menu-ajax #choose_restaurant:hover span{background:#dd6108; }
#lunch-menu-ajax #choose_restaurant.selectedRestaurant span{background:none; color:#fe6b00; padding:0;}
#lunch-menu-ajax #choose_restaurant.selectedRestaurant:hover span{background:none;}

/*------------------------------------*\
	PAGES
\*------------------------------------*/

#page-tpl { background: url(img/content-bg.jpg) repeat-y; background-size:100%; min-height: calc(100vh - 80px);padding-top:200px;}

header#page-header{ background-size:cover; height:80vh; left:0;position:relative; top:0; width:100%; z-index:-1;}

.home section.content:first-of-type{margin-top:80vh;}
section.content{background: url(img/content-bg.jpg) repeat-y; background-size:100%; padding:80px 0;}
section h1{padding:40px 0;}


#page-header .header-text{position: relative; top:50%; transform: translateY(-50%);}
#page-header .header-text h1{ color:#fff;font-size:calc(36px + 2vw); text-shadow: 4px 4px 4px #000; text-transform: uppercase}

@media screen and (max-width: 1024px){
	header#page-header{background-position: center center; height:50vh; position: relative;}

	.home section.content:first-of-type{margin-top:50vh;}
}

/*------------------------------------*\
	HOMEPAGE
\*------------------------------------*/

.home header#page-header .header-text{ left:38%; max-width: 35%;position: absolute; text-shadow: 4px 4px 4px #000; top:calc(50% - 75px); transform: translateX(-50%)}
.home header#page-header .header-text h1{ color:#fff;font-size:calc(20px + 2vw); font-weight: normal; text-transform: none; }
.home header#page-header .header-text h2{ color:#fff;font-size:calc(36px + 2vw); text-transform: uppercase; }

#recent-news .section-title{margin:30px 0;}
#recent-news .news-holder{position: relative;}
#recent-news .news-holder .the-article{ background:#fff; bottom:0; margin-bottom:-20px; padding:40px;position: absolute; right:0; width:55%;}
#recent-news .news-holder .the-article .view-article{color:#fe6b00; font-weight: bold; transition: color 0.2s;}
#recent-news .news-holder .the-article h1, #recent-news .news-holder .the-article h2, #recent-news .news-holder .the-article h3, #recent-news .news-holder .the-article h4{text-transform: none;}
#recent-news .news-holder .the-article .view-article:hover{color:#000;}

#frontpage-kids{padding:160px 0;}
#frontpage-kids .white-bg{background:#fff; padding:40px 0; position: relative;}
#frontpage-kids h2{ color:#fe6b00;position: relative;}
#frontpage-kids h2:after{ background-image: url(img/mrEgg.png); background-repeat: no-repeat; background-size: 100%; content:""; height: 200px;position: absolute; right:0; top: -156px; width: 160px;}
#frontpage-kids .kid{position:absolute; text-align: right; transform: translateY(-25%);}
#frontpage-kids .kid img{max-width: 80%}
#frontpage-kids .white-bg a{color:#fe6b00; font-weight: bold; transition: color 0.2s;}
#frontpage-kids .white-bg a:hover{color:#000;}

#frontpage-career{background:url(img/carreer-footer-bg.jpg) no-repeat center center; padding:80px 0; text-align: center;}
#frontpage-career .dotted{ left:50%;position: relative; transform: translateX(-50%);}
#frontpage-career h3{color:#fe6b00; font-size:36px; margin:15px 0 0;}
#frontpage-career p{margin:15px 0;}
#frontpage-career a.see-more{color:#fe6b00; font-weight: bold; text-transform: uppercase; transition: color 0.2s;}
#frontpage-career a.see-more:hover{color:#000;}

#best-sellers .featured_product{display: flex; flex-wrap: nowrap; margin:40px 0;}
#best-sellers .featured_product .item{flex:0 1 auto; text-align: center; width:33%;}
#best-sellers .featured_product .item h3{ color:#fe6b00;font-family: 'Pluto'; font-size:20px; text-transform: capitalize;}
#best-sellers .featured_product .item img{border-radius: 100%; margin-bottom:15px; transition: border-radius 0.5s;}
#best-sellers .featured_product .item:hover img{border-radius:0;}
#best-sellers .bx-viewport{height:auto!important;}
#best-sellers #featured_product_next_slide, #best-sellers #featured_product_prev_slide{ cursor: pointer;position: absolute; top:38%; transform: translateY(-50%); z-index:3000;}
#best-sellers #featured_product_next_slide svg, #best-sellers #featured_product_prev_slide svg{ height:50px;width:50px;}
#best-sellers #featured_product_next_slide{ right:-50px;transform: rotate(-90deg);}
#best-sellers #featured_product_prev_slide{ left:-50px;transform: rotate(90deg);}

@media screen and (max-width: 1366px){
	#best-sellers #featured_product_next_slide{right:-10px;}
	#best-sellers #featured_product_prev_slide{ left:-10px;}
}

@media screen and (max-width: 1024px){
	.home header#page-header .header-text{ left:30px; max-width: 100%;position: absolute; top:calc(50% + 40px); transform: translateY(-50%);}
	#recent-news .news-holder .the-article{position: relative; width: 100%}

	#frontpage-kids{padding:80px 0;}
	#frontpage-kids h2:after{display: none}
	#frontpage-kids .kid{ max-width: 200px;right:15px;}
	#frontpage-kids .kid img{max-width: 100%;}

	#best-sellers #featured_product_next_slide, #best-sellers #featured_product_prev_slide{display: none;}
}

@media screen and (max-width: 767px){
	
	#frontpage-kids .kid{ max-width: 100px;right:15px;}
}

/*------------------------------------*\
	SEARCH RESULTS
\*------------------------------------*/

.search-results #search-header{ background: #f3b337;height: 50vh; overflow: hidden; position: relative; }
.search-results #search-header h1{ font-size:calc(24px + 1vw);position: absolute; top:50%; transform: translateY(-50%);}
.search-results article{margin:40px 0;}
.search-results article h2{ font-size:calc(24px + 0.25vw);margin:15px 0; }
.search-results article h2 a{transition: color 0.2s;}
.search-results article h2:hover a{color:#fe6b00;}

/*------------------------------------*\
	404
\*------------------------------------*/

#error_message{padding:80px 0;}
#error_message a{color:#FF6B00;}

/*------------------------------------*\
	NOUVELLES - ARCHIVES
\*------------------------------------*/

#archive-news-first-row{background: url(img/content-bg.jpg) repeat-y; background-size:100%; padding-top:180px;}
#archive-news-first-row .post-thumbnail{ min-height:400px; overflow: hidden;position: relative;}
#archive-news-first-row .post-thumbnail .date{ background:#000; color:#fff; font-style:italic; left:0; padding:10px 15px;position:absolute; top:0;}
#archive-news-first-row .meta{background:#fff; padding:30px;}
#archive-news-first-row .meta h2{font-size:24px;}
#archive-news-first-row .meta .view-article{ color:#fe6b00;display: block; font-weight: bold; margin:10px 0; text-transform: uppercase; transition: color 0.2s;}
#archive-news-first-row .meta .view-article:hover{color:#000;}
#archive-news .news-holder{ margin:50px 0;position: relative;}
#archive-news .news-holder .date{ background:#000; color:#fff; font-style:italic; left:15px; padding:10px 15px;position:absolute; top:0;}
#archive-news .news-holder .the-article{background:#fff; background:#fff; bottom:0; margin-bottom:-20px; padding:30px; position: absolute; right:0; width:55%;}
#archive-news .news-holder .the-article .title{font-size:24px; text-transform: uppercase;}
#archive-news .news-holder .the-article .view-article{ color:#fe6b00;display: block; font-weight: bold; margin:10px 0; text-transform: uppercase; transition: color 0.2s;}
#archive-news .news-holder .the-article .view-article:hover{color:#000;}

#archive-news .archive-container{background:#e6e7e8; color:#000; padding:30px;}
#archive-news .archive-container h3{ border-bottom:1px solid #bbb;padding:15px 0;}
#archive-news .archive-container ul{list-style: none; margin:0; padding:0;}
#archive-news .archive-container ul li{ padding:5px 0; }
#archive-news .archive-container a{color:#000; text-transform: capitalize;  transition: color 0.2s;}
#archive-news .archive-container a:hover{color:#fe6b00;}
#archive-news .eggquis-logo{ margin:40px 0;text-align:center;}
#archive-news .eggquis-logo img{width:80%;}
#archive-news .eggquis-logo h4{margin:20px 0;}
#archive-news .eggquis-logo p{text-align: left;}

#archive-news .social-icn{ margin:30px 0; }
#archive-news .social-icn ul{ display: flex; flex-wrap: nowrap; justify-content: space-between; left:50%;list-style: none; margin:30px 0; max-width: 80%; padding:0; position: relative; text-align:center; transform: translateX(-50%);}
#archive-news .social-icn ul li{flex:0 1 auto; width:30px;}
#archive-news .social-icn .separator{ border:1px solid #fe6b00; height:1px; left:50%; position:relative; transform:translateX(-50%); width:25%;}
#archive-news .social-icn #facebook-icn, #archive-news .social-icn #twitter-icn, #archive-news .social-icn #linkedin-icn, #archive-news .social-icn #instagram-icn{max-height: 30px}
#archive-news .social-icn #facebook-icn .cls-1{fill:#fe6b00; transition: fill 0.2s;}
#archive-news .social-icn #facebook-icn:hover .cls-1{fill:#000;}
#archive-news .social-icn #twitter-icn .cls-1{isolation:isolate;}
#archive-news .social-icn #twitter-icn .cls-2{fill:#fe6b00;mix-blend-mode:multiply; transition: fill 0.2s;}
#archive-news .social-icn #twitter-icn:hover .cls-2{fill:#000;}
#archive-news .social-icn #linkedin-icn .cls-1{ fill:#fe6b00;fill-rule:evenodd; transition: fill 0.2s;}
#archive-news .social-icn #linkedin-icn:hover .cls-1{fill:#000;}
#archive-news .social-icn #instagram-icn .cls-1{fill:none;}
#archive-news .social-icn #instagram-icn .cls-2{clip-path:url(#clip-path);}
#archive-news .social-icn #instagram-icn .cls-3{fill:#fe6b00;fill-rule:evenodd; transition: fill 0.2s;}
#archive-news .social-icn #instagram-icn:hover .cls-3{fill:#000;}

#pagination .page-numbers{background:#fff; border:1px solid #fe6b00; border-radius: 50%; color:#fe6b00; font-weight: bold; margin-right:15px; padding:15px 20px; text-align: center; }
#pagination .page-numbers.next, #pagination .page-numbers.prev, #pagination .page-numbers.next:hover, #pagination .page-numbers.prev:hover{background:none; border:0; color:#fe6b00;}
#pagination .page-numbers:hover, #pagination .page-numbers.current{background:#fe6b00; color:#fff;}
#pagination .page-numbers.next:hover, #pagination .page-numbers.prev:hover{color:#000;}

@media screen and (max-width: 1024px){
	#archive-news-first-row, #archive-news{padding:30px 0;}
	#archive-news-first-row{padding:180px 0 0;}
	#archive-news-first-row .news-holder, #archive-news .news-holder{margin:30px 0;}
	#archive-news .news-holder .the-article{ bottom:initial; margin: 0 15px;position: relative; right:initial; width:calc(100% - 30px); }
}

/*------------------------------------*\
	NOUVELLES - SINGLE POST
\*------------------------------------*/

.single-post .single-post-header{height:50vh; position: relative;}
.single-post .single-post-header h1{ color:#fff; font-size:calc(24px + 1vw); max-width: 75vw;position: absolute; text-transform: uppercase; top:50%; transform: translateY(-50%);}
.single-post #single-post-content{ padding:140px 0;position: relative;}
.single-post #single-post-content .next-post, .single-post #single-post-content .prev-post{position: absolute; top:50%; transform: translateY(-50%);}
.single-post #single-post-content .next-post .arrow, .single-post #single-post-content .prev-post .arrow, .single-post #single-post-content .next-post .arrow svg, .single-post #single-post-content .prev-post .arrow svg{ height:32px;width:32px;}
.single-post #single-post-content .next-post .arrow svg{transform: rotate(-90deg);}
.single-post #single-post-content .prev-post .arrow svg{transform: rotate(90deg);}
.single-post #single-post-content .next-post {right:15px;}
.single-post #single-post-content .prev-post {left:15px;}
.single-post .date span{background:#000; color:#fff; font-style: italic; padding:10px 15px;}
.single-post .return_news{color:#fe6b00; font-size:20px; font-weight: bold; text-transform: uppercase; transition: color 0.2s, fill 0.2s;}
.single-post .return_news .arrow{ height:18px;  width:18px;}
.single-post .return_news .arrow svg{ height:18px; margin-top:-8px;transform: rotate(-90deg);width:18px;}
.single-post .return_news:hover, .single-post .return_news:hover .arrow svg .cls-1{color:#000; stroke:#000!important;}
.single-post .post-content{margin:40px 0;}

@media screen and (max-width: 1024px){
	.single-post .single-post-header h1{ max-width: calc(100vw - 30px);top:60%}
	.single-post .return_news{ display: block;margin:30px 0;}
	.single-post #single-post-content{padding:80px 0;}
	.single-post #single-post-content .ta-right{text-align: initial;}
	.single-post #single-post-content .next-post, .single-post #single-post-content .prev-post{bottom:30px; top:initial; transform: initial;}
}

/*------------------------------------*\
	CARTE-CADEAUX - AVANTAGES
\*------------------------------------*/

.page-template-cartes section:first-of-type{margin-top:80vh;}
.page-template-cartes #carte-cadeaux .content{margin:30px 0;}
.page-template-cartes #carte-avantages{ background:#e6e7e8;padding:80px 0;}

@media screen and (max-width: 1024px){
	.page-template-cartes section:first-of-type{margin-top:50vh;}
}

/*------------------------------------*\
	PETIT COCO
\*------------------------------------*/

.page-template-petits-cocos #page-header{height: 50vh; overflow: hidden; position: relative; }
.page-template-petits-cocos #page-header h1{ color:#fff; font-size:calc(24px + 2vw);position: absolute; top:50%; transform: translateY(calc(50vh - 149px) -50%);}
.page-template-petits-cocos #download-games {padding:80px 0;}
.page-template-petits-cocos #download-games h2{margin:20px 0 80px;}
.page-template-petits-cocos #download-games h2 span{font-size:24px;}
.page-template-petits-cocos #download-games h4{font-size:calc(18px + 0.2vw); margin-bottom:20px;}
.page-template-petits-cocos #download-games .download-links{margin:20px 0;}

.page-template-petits-cocos #download-drawings{ background:#e6e7e8;padding:80px 0;}
.page-template-petits-cocos #download-drawings h2{margin:20px 0 80px;}
.page-template-petits-cocos #download-drawings h2 span{font-size:24px;}
.page-template-petits-cocos #download-drawings .download-link{margin:15px 0 60px;}
.page-template-petits-cocos #download-drawings .download-link a{color:#fe6b00; font-size:20px; font-weight: bold; text-transform: uppercase; transition: color 0.2s;}
.page-template-petits-cocos #download-drawings .download-link a:hover{color:#000;}


/*------------------------------------*\
	CARRIÈRES
\*------------------------------------*/

.page-template-carrieres #page-header{height: 50vh; overflow: hidden; position: relative; }
.page-template-carrieres #page-header h1{ color:#fff; font-size:calc(24px + 2vw);position: absolute; top:50%; transform: translateY(calc(50vh - 149px) -50%);}
.page-template-carrieres .dots{ display: block;font-size:32px}
.page-template-carrieres #career-intro .career_content{ line-height: 32px;margin:15px 0}

.page-template-carrieres #career-advantage{background:#e6e7e8; padding:80px 0;}

.page-template-carrieres .employee_content{position: relative;}
.page-template-carrieres #employee_type_next_slide, .page-template-carrieres #employee_type_prev_slide{ cursor: pointer;position: absolute; top:50%; transform: translateY(-50%); z-index:3000;}
.page-template-carrieres #employee_type_next_slide svg, .page-template-carrieres #employee_type_prev_slide svg{ height:50px;width:50px;}
.page-template-carrieres #employee_type_next_slide{ right:-15px;transform: rotate(-90deg);}
.page-template-carrieres #employee_type_prev_slide{ left:-15px;transform: rotate(90deg);}
.page-template-carrieres #employee_type_slider li{display: flex; flex-wrap: nowrap; padding:20px;}
.page-template-carrieres #employee_type_slider li .employee_info, .page-template-carrieres #employee_type_slider li .employee_text{flex:0 1 auto;}
.page-template-carrieres #employee_type_slider li .employee_info{width: 25%}
.page-template-carrieres #employee_type_slider li .employee_info img{border-radius: 100%;}
.page-template-carrieres #employee_type_slider li .employee_info h5{margin:15px 0 0;}
.page-template-carrieres #employee_type_slider li .employee_text{ padding:40px;width: 75%;}

.page-template-carrieres #jobs{background:#e6e7e8; padding:80px 0;}
.page-template-carrieres #jobs select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff; border:2px solid #fe6b00; border-radius:25px;color:#fe6b00; height:50px; margin:15px 0; outline: none!important; overflow:hidden; padding:0 15px; width:100%;}
.page-template-carrieres #jobs select option, .page-template-carrieres #jobs select::selection{color:#fe6b00;}
.page-template-carrieres #jobs .jobs_restaurants{position:relative;}
.page-template-carrieres #jobs .jobs_restaurants:after{ background:url('img/arrow.svg'); background-size:20px 20px;content:''; height:20px; position: absolute; right:0; right:25px; top:30px; width:20px; z-index:10;}

.page-template-carrieres #jobs .loading{display: none; left:50%; top:0; transform: translateX(-50%);}
.page-template-carrieres #jobs .loading svg{ height:150px;width:150px;}
.page-template-carrieres #jobs .apply-job{color:#fe6b00; cursor: pointer; font-size:20px; font-weight: bold; text-transform: uppercase;   transition: color 0.2s;}
.page-template-carrieres #jobs .apply-job:hover{color:#000;}

.page-template-carrieres #career-submission-form{display: none;}
.page-template-carrieres #career-submission-form .ft-field{margin:15px 0;}
.page-template-carrieres #career-submission-form label{font-weight: bold; text-transform: uppercase;}
.page-template-carrieres #career-submission-form input[type="text"], .page-template-carrieres #career-submission-form input[type="email"], .page-template-carrieres #career-submission-form input[type="tel"]{ border:2px solid #fe6b00; border-radius: 25px;height: 50px;}
.page-template-carrieres #career-submission-form input[type="file"]{background:none; border:0;}
.page-template-carrieres #career-submission-form .ft-field--submit{float:right; margin-top:-50px;}
.page-template-carrieres #career-submission-form .ft-field--submit button{background:#fe6b00; border:0; border-radius: 25px; color:#fff; font-weight: bold; height:50px; margin-right:15px; text-transform: uppercase; transition: background 0.2s; width:300px;}
.page-template-carrieres #career-submission-form .ft-field--submit button:hover{background:#000;}

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

	.page-template-carrieres #employee_type_next_slide, .page-template-carrieres #employee_type_prev_slide{display: block;}
	.page-template-carrieres #employee_type_next_slide{right:0;}
	.page-template-carrieres #employee_type_prev_slide{left:0;}
	.page-template-carrieres #employee_type_slider li{flex-wrap: wrap;}
	.page-template-carrieres #employee_type_slider li .employee_info{width: 100%}
	.page-template-carrieres #employee_type_slider li .employee_text{ padding:30px;width: 100%;}

	.page-template-carrieres #career-submission-form .ft-field--submit{float:none; margin-top:20px;}
	.page-template-carrieres #career-submission-form .ft-field--submit button{width: 100%}
}

/*------------------------------------*\
	ACCORDEON
\*------------------------------------*/

.accordeon .accordeon-frame{ background:#fff; border:2px solid #fe6b00;border-radius:25px; margin:15px 0; overflow:hidden; transition: height 0.3s;}
.accordeon .accordeon-frame .accordeon-header{ cursor: pointer; padding:3px 60px 0 20px; position: relative;}
.accordeon .accordeon-frame .accordeon-header h5{color:#fe6b00; padding:9px 0 0;}
.accordeon .accordeon-frame .accordeon-header .trigger{ color:#fe6b00;cursor:pointer; font-family:'Helvetica'; font-size:42px; font-weight: 500; position: absolute; right:15px; top:-8px; transition: transform 0.5s}
.accordeon .accordeon-frame.open .accordeon-header .trigger{transform: rotate(45deg);}
.accordeon .accordeon-frame .accordeon-content{ display: none;padding:30px;}

/*------------------------------------*\
	SUCCURSALE
\*------------------------------------*/

#store-search{ background:#282828; color:#fff; font-weight: bold; margin-top:149px; padding:60px 0;position: relative; text-align: center; text-transform: uppercase;}
#store-search .search-form .search-form-wrapper input, #store-search button#store-geolocate{margin-top:-20px;}
#store-search .search-form .search-form-wrapper{background:#fff;  position: relative; width:calc(100% - 54px);}
#store-search .search-form .search-form-wrapper input{border:0; padding:15px; position: relative; width:100%; z-index:9; }
#store-search .search-form .search-form-wrapper::after{ background: #fff; border-radius: 50%;content:''; height:54px; position: absolute; right:-25px; top:-15px; width:54px }
#store-search .search-form .search-form-wrapper::before{ background: #fff; border-radius: 50%;content:''; height:54px; left:-25px; position: absolute; top:-15px; width:54px; }
#store-search .search-form .search-form-wrapper button{background:#fe6b00; border:0; border-radius: 50%; height:53px; position: absolute; right:-24px; top:-14px; width:53px; z-index: 10;}
#store-search .search-form .search-form-wrapper button svg{ fill:#fff; height:20px;width:20px;}
#store-search .search-form .search-form-wrapper button .cls-1, #store-search .search-form .search-form-wrapper button .cls-2{fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:6px;}
#store-search .search-form .search-form-wrapper button .cls-2{stroke-linecap:round;}
#store-search button#store-geolocate{background:#fe6b00; border:0; color:#fff; padding:15px; position: relative; z-index:10; }
#store-search button#store-geolocate::after{ background: #fe6b00; border-radius: 50%;content:''; height:54px; position: absolute; right:-25px; top:0; width:54px; z-index: -1}
#store-search button#store-geolocate::before{ background: #fe6b00; border-radius: 50%;content:''; height:54px; left:-25px; position: absolute; top:0; width:54px; z-index: -1}

#store-search-result #map{ height:800px;width:100%;}
#store-search-result #stores-list .no-search{ font-size:20px;font-weight: bold; padding:10% 5%; text-align: center; text-transform: uppercase; }
#store-search-result #stores-list .no-search .cls-1{fill:#ff6b00;}
#store-search-result #stores-list .no-search .cls-1, #store-search-result #stores-list .no-search .cls-3{fill-rule:evenodd;}
#store-search-result #stores-list .no-search .cls-2, #store-search-result #stores-list .no-search .cls-3{fill:#fff;}
#store-search-result #stores-list{height: 800px; overflow-y: scroll;}
#store-search-result #stores-list .store{ display: flex; flex-wrap: nowrap;margin-bottom:15px; padding:5%;}
#store-search-result #stores-list .store .item{flex:auto; padding:8px;}
#store-search-result #stores-list .store .item.pinpoint{ background: url(img/pinpoint.png) no-repeat center center; background-size:contain; color:#000;flex:0 1 40px; font-weight: bold; height:55px; margin:0 15px; text-align: center; width:40px;}
#store-search-result #stores-list .store:nth-child(even){background:#eee;}
#store-search-result #stores-list h3{ font-size:20px;font-weight: bold; margin-bottom:5px; text-transform: uppercase;}
#store-search-result #stores-list .address, #store-search-result #stores-list .phone, #store-search-result #stores-list .email, #store-search-result #stores-list .distance{margin:5px 0;}
#store-search-result #stores-list .email{text-decoration: underline;}
#store-search-result #stores-list .distance{font-weight: normal;}
#store-search-result #stores-list .opening_hours_link, #store-search-result #stores-list .see_map{ color:#ff6b00;cursor:pointer; margin:5px 0; text-decoration: underline;}
#store-search-result #stores-list .see_map a{color:#ff6b00;}
#store-search-result #stores-list .opening_hours{display: none; margin:15px 0;}

@media screen and (max-width: 1024px){
	#store-search .search.flex{flex-wrap: wrap;}
	#store-search .search .item{flex:0 1 100%; margin:15px 0;}
	#store-search .search-form .search-form-wrapper{left:30px;}
	#store-search .search-form .search-form-wrapper input, #store-search button#store-geolocate{margin-top: 0; }
	#store-search .search-form .search-form-wrapper input{width:100%;}
	#store-search .search-form .search-form-wrapper::after, #store-search .search-form .search-form-wrapper::before, #store-search .search-form .search-form-wrapper button{top:0;}
	#store-search .search-form .search-form-wrapper::before{left:-25px;}
	#store-search .search-form .search-form-wrapper::after{right:-25px;}
}

/*------------------------------------*\
	WOOCOMMERCE - Archive
\*------------------------------------*/

/*.post-type-archive-product section:first-of-type{margin-top:80vh;}*/

#products-menu ul.product_cat{ display: block;list-style: none; margin:0; padding:0 0 40px 0;}
#products-menu ul.product_cat li{ color:#000; cursor: pointer;display: block; font-size:16px; font-weight: bold; text-transform: uppercase; transition: color 0.2s}
#products-menu ul.product_cat li:hover, #products-menu ul.product_cat li.active{color:#fe6b00;}

#products-menu .custom-menus{display: flex; justify-content: space-between;}
#products-menu .custom-menus .item{flex:0 1 48%;}
#products-menu .download-menu, #products-menu .lunch-menu{  background:#fe6b00; border-radius: 50px; margin:0 0 30px;  position: relative;text-align: center;  text-transform: uppercase;transition: background 0.25s; }
#products-menu .download-menu:hover, #products-menu .lunch-menu:hover{background:#000;}
#products-menu .download-menu a, #products-menu .lunch-menu a{color:#fff; display: block; font-weight: bold; padding:15px 30px;}

#products-menu .accordeon{margin:15px 0;}
#products-menu .accordeon-header{background:#fff; color:#fe6b00; cursor: pointer; font-size:24px; font-weight: bold;padding:15px 40px 15px 20px; position: relative;}
#products-menu .accordeon-header span.arrow{position: absolute; right:20px; transform:rotate(-90deg); transition: transform 0.4s; width:20px;}
#products-menu .accordeon-header.active span.arrow{transform: rotate(0deg);}
#products-menu .accordeon-content{display: none; padding:20px 0;}
#products-menu .accordeon-flex{display: flex; flex-wrap: wrap;}
#products-menu .accordeon-flex .item{flex: 0 1 auto; margin:1%; width:22%;}
#products-menu .product-img img{border-radius: 100%; margin-bottom:15px; transition: border-radius 0.5s;}
#products-menu a:hover .product-img img{border-radius:0;}
#products-menu h3{color:#fe6b00; font-family: 'Pluto',Helvetica,Arial,sans-serif; font-size:18px; text-transform: capitalize;}
#products-menu .sep{color:#fe6b00; font-size:18px;}

@media screen and (max-width: 1200px){
	#products-menu .accordeon-flex .item{flex: 0 1 auto; margin:1%; width:46%;}
	#products-menu .accordeon-header, #products-menu h3{font-size:14px;}
}

/* @media screen and (max-width: 1024px){
	.post-type-archive-product section:first-of-type{margin-top:50vh;}
}
 */
@media screen and (max-width: 767px){
	#products-menu .custom-menus{flex-wrap: wrap;}
	#products-menu .custom-menus .item{flex:0 1 100%;}
}

/*------------------------------------*\
	WOOCOMMERCE - Single product
\*------------------------------------*/

#product-single{ background: url(img/content-bg.jpg) repeat-y; background-size:100%;padding-top:240px;}
#product-single .woocommerce-product-gallery__trigger{display: none;}
#product-single .woocommerce-product-gallery ol{ display: flex; flex-wrap: wrap; gap:15px;list-style: none; margin:15px 0; padding:0;}
#product-single .woocommerce-product-gallery ol li{ cursor: pointer;flex:0 1 auto;}
#product-single .woocommerce-product-gallery .woocommerce-product-gallery__image{cursor: zoom-in;}
#product-single h1{font-size:28px; margin:0; padding:0;}
#product-single .single_variation_wrap, #product-single.simple form{display: flex; flex-wrap: nowrap; margin:20px 0;}
#product-single .single_variation_wrap .quantity, #product-single .single_variation_wrap button.button, #product-single.simple form .quantity, #product-single.simple form button{flex:0 1 auto; margin-right:15px;}
#product-single .woocommerce-variation-add-to-cart{display: flex; flex-wrap: nowrap;}
#product-single .cart input.qty{background:#fe6b00; border:0; border-radius: 50%; color:#fff; height:46px; width:46px;}
#product-single .cart button.button, #product-single .add_to_cart_button{background:#fe6b00; border-radius: 25px; color:#fff; font-weight: normal; font-weight: normal; opacity: 1; padding:15px; text-align: center; transition: opacity 0.2s;}
#product-single .cart button.button:hover, #product-single .add_to_cart_button:hover{opacity: 0.8;}
body.orderDisabled #product-single.variable-product .price{display: block;}
body.canOrder #product-single.variable-product p.price{display: none!important}
body.canOrder #product-single.variable-product .woocommerce-Price-amount{display: inline-block;}
body.canOrder #product-single.variable-product .woocommerce-variation-price .price{display: inline-block;}

.variations_form.cart{display: none;}
body.canOrder .variations_form.cart{display: block;}

#product-single form.variations_form .price {display: block; margin:0 2rem 0 0;}
#product-single .price{ color:#000;font-size:28px; font-weight: bold;}
#product-single .woocommerce-variation-price{ margin-left:8px; margin-top:72px;position: absolute;}
#product-single table.variations tr{margin:1rem 0;}
#product-single select{-webkit-appearance: none; -moz-appearance: none;background:#fe6b00; border:0; border-radius: 25px; color:#fff; padding:0.8rem 2rem; text-indent: 1px; text-overflow: '';}
#product-single .reset_variations{ display: table;position: relative; top:10px;}
#product-single .label-qty{line-height: 46px; margin-left:8px; margin-right:20px;}
#product-single input.qty{ -moz-appearance: textfield;}
#product-single input.qty::-webkit-outer-spin-button, #product-single input.qty::-webkit-inner-spin-button{-webkit-appearance: none;  margin: 0;}

#product-single .related{margin-top:40px;}
#product-single .related .price{display: none!important;}

/*------------------------------------*\
	WOOCOMMERCE - CART / Checkout and stuff
\*------------------------------------*/

/* Fix conflic with boostrap */
.woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row,.woocommerce form .form-row {display: block;}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {max-width: unset;}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce a.button.alt, .woocommerce button.button.alt{background:rgba(254,107,0,1); color:#fff; transition: all 0.2s}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover{background:rgba(254,107,0,0.8); color:#fff;}
.woocommerce-info { border-top-color: #fe6b00;}
.woocommerce-info::before{color:#fe6b00;}

#order_review_heading{margin-top:60px;}
.select2-container .select2-selection--single{height:40px; padding:6px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:40px;}

@media screen and (max-width: 1024px){
	.woocommerce-additional-fields{margin-top:40px;}
}

/*------------------------------------*\
	FOOTER
\*------------------------------------*/

footer{background:#282828; color:#fff; padding:30px 0; position: relative;}
footer a{color:#fe6b00; transition: color 0.2s;}
footer a:hover{color:#fff;}
footer #back-top{cursor: pointer; left:50%; position: absolute; top:50%; transform: translate(-50%, -50%);} 
footer #back-top svg{ transform: rotate(180deg);width: 40px;}

@media screen and (max-width: 1024px){
	footer, footer .ta-right{text-align: center;}
	footer #back-top{ left:initial; margin:30px 0;position: relative; top:initial; transform: initial;}
}

/*------------------------------------*\
	BXSLIDER
\*------------------------------------*/

.bx-wrapper{position:relative;}
.bx-wrapper img{max-width:100%;}
.bxslider{margin:0;padding:0}
ul.bxslider{list-style:none}
.bx-viewport{-webkit-transform:translatez(0)}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{bottom:-30px;position:absolute;width:100%}
.bx-wrapper .bx-loading{height:100%;left:0;min-height:50px;position:absolute;top:0;width:100%;z-index:2000}
.bx-wrapper .bx-pager{color:#666;font-family:Arial;font-size:.85em;font-weight:700;padding-top:20px;text-align:center}
.bx-wrapper .bx-pager.bx-default-pager a{background:#666;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:block;height:10px;margin:0 5px;outline:0;text-indent:-9999px;width:10px}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus{background:#000}
.bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*display:inline;vertical-align:bottom;*zoom:1}
.bx-wrapper .bx-pager-item{font-size:0;line-height:0}
.bx-wrapper .bx-prev{left:10px;}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus{background-position:0 0}
.bx-wrapper .bx-next{right:10px;}
.bx-wrapper .bx-next:hover,.bx-wrapper .bx-next:focus{background-position:-43px 0}
.bx-wrapper .bx-controls-direction a{height:32px;margin-top:-16px;outline:0;position:absolute;text-indent:-9999px;top:50%;width:32px;z-index:8000}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-controls-auto{text-align:center}
.bx-wrapper .bx-controls-auto .bx-start{display:block;height:11px;margin:0 3px;outline:0;text-indent:-9999px;width:10px}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus{background-position:-86px 0}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;height:11px;margin:0 3px;outline:0;text-indent:-9999px;width:9px}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus{background-position:-86px -33px}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}
.bx-wrapper .bx-caption{background:#666;background:rgba(80,80,80,0.75);bottom:0;left:0;position:absolute;width:100%}
.bx-wrapper .bx-caption span{color:#fff;display:block;font-family:Arial;font-size:.85em;padding:10px}

/*------------------------------------*\
    @MEDIA QUERIES
\*------------------------------------*/

@media (max-width:990px){
	.navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        z-index:999;
    }
    .navbar-collapse {
        border-top: 0;
        box-shadow: none;
        overflow:hidden;
        padding:0;
    }
    .collapse.in{overflow:hidden;}
    .navbar-fixed-top {
		border-width: 0 0 1px;
		top: 0;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		box-shadow:none !important;
		color:#000 !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

/* TO REMOVE ONCE PRICE ARE UPDATED */
.woocommerce-Price-amount{display: none!important}