/* Add your own CSS rules here. This stylesheet is loaded after the built-in Shopkit styles. */

/*  ---------------------------------------------------------------------------------------------------------
		GENERAL STYLING   ::
========================================================================================================== */
a:hover {
	-webkit-transition: color .3s ease-in;
	-moz-transition: color .3s ease-in;
	-o-transition: color .3s ease-in;
	transition: color .3s ease-in;
}

html, body {width:100%;height:100%;padding:0;margin:0;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body {display: flex;flex-direction: column;color:#232323;font-family: 'Montserrat', arial, verdana, sans-serif !important;font-weight:400;background: #e9e7e7 url(../img/bg-body.webp) 50% 250px no-repeat;}

::selection {color: #2a2a2a;background-color: #dfc7c5;}
::-moz-selection {background-color: #dfc7c5;}

img {max-width:100%;}
.blocks iframe {min-width:65%;min-height:400px;}

/*
header {position:relative;z-index:9999;width:100%;margin:0;padding:30px 0;}
header a.navbar-brand {width:196px;height:81px;text-indent:-9999px;background:url(../images/logo-odino-mini.png) 50% 50% no-repeat;}*/

header {}
header h1 {font-size:1.35rem;text-decoration: none;font-weight: 700;}
header h1 a {color:#232323;text-decoration: none;border-bottom:1px solid #232323;padding:0;}


.citation {background: #232323;color:#fff;}
.intro h2 {font-weight:600;font-size:4rem;line-height:4.15rem;}

blockquote {margin:0;padding:0;}
blockquote p {font-family: 'Crimson Text', serif;font-style: italic;font-weight: 400;font-size:3.85rem;line-height:3.85rem;letter-spacing: .25rem;}

/*  ---------------------------------------------------------------------------------------------------------
		MENU   ::
========================================================================================================== */
/* =Nav
-------------------------------------------------------------- */
#nav-trigger {display:none;width:100% !important;margin:0;padding:0 !important;text-align:left;}
#nav-trigger span {display:inline-block;padding:10px 20px!important;width:100%;background:#fb9d2d url(../images/icon-menu.png) 95% 50% no-repeat;color:white;cursor:pointer;text-transform:uppercase;font-weight:bold;font-size:130% !important;}
/*#nav-trigger span:hover {background-color:#ffac40;}*/
/*#nav-trigger span.open:after {border-left:solid 10px transparent;border-top:none;border-bottom:solid 10px #fff;border-right:solid 10px transparent;}*/
/*

header nav {width:100%;margin-bottom:0px;}
header nav {padding:0px 0;}
header nav ul {list-style-type:none;margin:0;padding:0;text-align:center;float:right;}
header nav li {display: inline-block;padding:0 8px;}
header nav li:last-child {border-right:none;}
header nav a {display:block;color:#5c5c5c;font-weight:500 !important;/*font:.9rem 'Montserrat',arial,tahoma,verdana,sans-serif;padding:10px 15px;text-decoration:none;}
header nav a:hover {background-color:#ffac40;color:#8a8a8a;}
/* header nav li.cart a {width:94px;color:#3c3c3c;border-radius:38px;text-align:center;background:rgba(232,232,232,0.35);margin-right:18px;border:1px solid #ebebeb;}
header nav li.cart a {padding-bottom:0 !important;}
header nav li.cart a {display:block;width:100px;color:#3c3c3c;text-align:center;margin-left:1px;margin-right:0;padding-right:0;border-left:1px solid #dbdbdb;}
header nav li.reserver a {width:140px;color:#fff;font-weight:500 !important;border-radius:28px;text-align:center;background:#ffac40 !important;}
header nav li.reserver a:hover {background:#fc9715 !important;}
header nav li.reserver i {margin-left:12px;font-size:1.2em;font-weight:bold;}

nav#nav-mobile {position:relative;display:none;}
nav#nav-mobile ul {display:none;list-style-type:none;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;text-align:center;background-color:#ffac40;}
nav#nav-mobile li {display:block;padding:5px 0;margin:0 5px;border-bottom:solid 1px #ffd6a0;}
nav#nav-mobile li:last-child {border-bottom:none;}
nav#nav-mobile a {display:block;color:white;padding:10px 30px;}
nav#nav-mobile a:hover {background-color:#ffac40;color:#fff;font-weight:bold !important;}

.breadcrumb {background:none;text-align:right;padding-right:0;}
.breadcrumb a {color:#fff;}
.breadcrumb a.active {font-weight:bold;color:#ffac40;}


/* Typography
======================================================================================================================= */
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-family: 'Crimson Text', serif;}

/*
p {font-size:1.1rem;line-height:1.35rem;}
main {border-bottom:1px solid #d1d1d1;}


/*  ====================================================================================================================
	CONTENT
    ==================================================================================================================== */
.content {margin:45px auto;}
.content p {}
.content h3 {margin-bottom:20px;}
.content .date p {text-transform:initial !important;}
.content ul {margin:0 0 20px 40px;padding:0 0 8px 0;}
.content ul li {padding:0 0 0 35px;list-style-type:none;background:url(../images/list-icon-arrow.png) 0 50% no-repeat;}



.uk-alert {font-weight:400 !important;color:#3c3c3c !important;background:#fdecd5 !important;}

.alerte-message {display:block;width:100%;margin-bottom:38px;padding:25px;border:solid 2px #ffac40;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;}
.alerte-message p {margin:0 !important;}
.alerte-message strong {color:#e49e40;}

.opacity {opacity: 0.5;filter:alpha(opacity=50);}





.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #42B32F;
    margin-bottom: 30px;

}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #42B32F;

}
.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}






/*  ---------------------------------------------------------------------------------------------------------
	CONTACT FORM  ::
========================================================================================================== */
form {margin:0px 0;padding:0;}
form .row {margin-bottom:30px;}
form label {display:block;width:100%;margin-bottom:8px;color:#757575;text-align:left;/*font:400 .9em 'Lato',sans-serif;*/}
form label .red {color:#eb7370;display:inline;}
form label.error {color:#eb7370;text-align:left;/*font:bold 11px 'Arial',tahoma,verdana,sans-serif;*/margin-top:5px;}
/*.form-row {position:relative;display:block;width:100%;margin-bottom:25px;}*/
form input[type=text], form input[type=password], form textarea {display:block;width:100% !important;padding:8px;color:#6c5b4d;border:0;border:1px solid #d1d1d1;-moz-box-sizing: border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/*border:2px solid #e3e3e3; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;*/
form textarea {display:block;height:145px;margin-bottom:8px;}
form input[type=text].error, form input[type=password].error, form textarea.error {border-bottom:2px solid #eb7370;}
form input[type=text].valid, form input[type=password].valid, form textarea.valid {border-bottom:2px solid #a2c16d;}
.formcontact input[type=submit] {display:block;width:100%;height:30px;/*font:.98em/1em 'Pt Sans',sans-serif;*/color:#fff;background:#404040;border:0;letter-spacing:2px;text-transform:uppercase;border:0 !important;}
.formcontact input[type=submit]:hover {cursor:pointer;background:#ffac40;}

.contactsuccess {display:none;width:100%;padding:15px 0 !important;color:#efcfa9;text-align:left;background:transparent;}
.contactsuccess h3 {margin-bottom:4px;color:inherit;}
.contactsuccess p {color:#463e3d;}

/*
.uk-button {width:100%;padding:4px 0;border-color:#fff !important;color:#fff;font-weight:500 !important;border-radius:20px;text-align:center;background:#ffac40 !important;}*/
label.toggle {display:none;}

.uk-button {box-shadow:none !important;}
.uk-button.rounded.pay {background:#ffac40 !important;}
.uk-button.rounded {width:100%;padding:4px 0;margin:0;border-color:#fff !important;color:#fff;font-weight:500 !important;border-radius:15px;text-align:center;background:#8e8e8e !important;}




/* Full
======================================================================================================================= */
.full {width:100%;height:635px;overflow:hidden;clear:both;/*background:#000 url(../images/bg-body.jpg) 35% 0 no-repeat;*/background-color:#000;background-repeat:no-repeat;background-position:50% 0;}/*
.full .container {overflow:visible !important;background-image:url(../images/bg-odino-full.png);border:2px solid red;background-repeat:no-repeat;background-position:0 bottom;}*/
.bg {position:absolute;overflow:hidden;clear:both;width:100%;height:100%;bottom:0;margin-right:auto;margin-left:auto;border:2px solid red;}
@media (min-width:1100px) {.bg{width:1164px;}}
/*
.full img {position:absolute;right:0;bottom:0;}
*/
.full .mascot {position:relative;/*width:100%;*/height:100%;}


/* Buttons
======================================================================================================================= */
.button-group {*zoom:1}
.button-group:before,.button-group:after {content:'';display:table;}
.button-group:after {clear:both}
.button-group .button {margin:30px 16px 16px 0;}
.button-group .button:last-child {margin-right:0;margin-bottom:0}
.button {display:inline-block;padding:14px 40px;color:#fff;line-height:1;text-decoration:none;font-size:1rem;font-weight:700;border:0;border-radius:.5rem;}
.button.yellow {background:#ffa549;}
.button.grey {background:#3c3c3c;}

a.button {color:#fff;text-decoration:none;}
a.button.grey:hover {background:#1c1c1c;}
a.button.yellow:hover {background:#ea7600;}



ul.uk-breadcrumb {margin:0 !important;padding:0 !important;text-align:right;}
ul.uk-breadcrumb li {display:inline-table;margin:0 !important;padding:0 !important;color:#fff;}
ul.uk-breadcrumb li a {font-weight:bold;color:#ffac40;}
ul.uk-breadcrumb li a.shop {color:#fff !important;}



/*  ---------------------------------------------------------------------------------------------------------
		FOOTER   ::
========================================================================================================== */
footer {position:relative;width:100%;padding:5% 0 !important;font:300 .84rem 'Montserrat',sans-serif !important;color:#9b9b9b !important;background: #c4c4c4;}
footer nav ul {list-style:none;padding:0;margin-bottom:0;}
footer nav ul li {display:block;padding:0;margin:0 14px 0 0;/*font:1rem 'Montserrat',sans-serif !important*/;}
footer nav ul li a {color:#9b9b9b !important;/*font:300 .84rem 'Montserrat',sans-serif !important;letter-spacing:.08em;*/}
footer nav ul li.paypal a {display:block;width:140px;height:90px;text-indent:-99999px;background:url(../images/logo-paypal.jpg);background-repeat:no-repeat;text-decoration:none;}
footer nav ul li.facebook a {display:none;font-size:4em !important;/*width:40px;height:40px;text-indent:-99999px;background:url(../images/logo-facebook.png);background-repeat:no-repeat;*/}

footer .copyright {font-size:12px;margin-top:20px;padding:22px 0 0 0;border-top:1px solid #d1d1d1;color:#8d8d8d;}

footer ul.list-links li {line-height:1.6rem !important;}

footer .list-contacts {list-style:none;}
footer .list-contacts p {margin-bottom:10px !important;}
footer .list-contacts li {line-height:1.6em;}
footer .list-contacts i {color:#005995;font-size:1.1em;margin-right:20px;padding:0;width:15px;}
footer .list-contacts a {}