/*** cnvyr.min.css.gz ***/

iframe,
img,
object {
    max-width: 100%
}

.carousel .items .item:hover,
a,
button {
    cursor: pointer
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat-Regular'), url(/sites/all/themes/petrossian/static/dist/assets/css/fonts/Montserrat-Regular.woff) format('woff')
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    src: local('Montserrat-Bold'), url(/sites/all/themes/petrossian/static/dist/assets/css/fonts/Montserrat-Bold.woff) format('woff')
}

@font-face {
    font-family: 'NunitoSans-Light';
    src: url(/sites/all/themes/petrossian/static/dist/assets/css/fonts/NunitoSans-Light.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NunitoSans-Regular';
    src: url(/sites/all/themes/petrossian/static/dist/assets/css/fonts/NunitoSans-Regular.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}



a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

form fieldset,
h1,
h2,
h3,
h4,
h5,
h6,
p,
table {
    margin-bottom: 10px
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1;
    background: #fff;
    font: 75%/1.5 Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

.line {
    overflow: hidden
}

.unit {
    float: left
}

.unit-right {
    float: right
}

.size1of1,
form p.checkbox label {
    float: none
}

.size1of2 {
    width: 50%
}

.size1of3 {
    width: 33.33333%
}

.size2of3 {
    width: 66.66666%
}

.size1of4 {
    width: 25%
}

.size3of4 {
    width: 75%
}

.size1of5 {
    width: 20%
}

.size2of5 {
    width: 40%
}

.size3of5 {
    width: 60%
}

.size4of5 {
    width: 80%
}

html {
    -webkit-text-size-adjust: 100%
}

a:focus,
a:hover {
    text-decoration: underline
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    line-height: 1.2em
}

h2 {
    font-size: 175%
}

h3 {
    font-size: 150%
}

h4 {
    font-size: 125%
}

h5 {
    font-size: 108%
}

h6 {
    font-size: 100%
}

blockquote {
    padding-left: 1em
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

td,
th {
    text-align: left
}

form p label {
    width: 100%
}

form p button,
form p input,
form p textarea {
    font-size: 1em;
    line-height: 100%;
    font-family: inherit
}

form p input[type=text],
form p input[type=password] {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

form p input[type=checkbox],
form p input[type=radio] {
    width: auto
}

form p select,
form p textarea {
    margin: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

form .hform .checkbox,
form .hform .error span,
form .hform .infos,
form .hform button,
form .hform p.radio {
    margin-left: 35%
}

form p.error input,
form p.error select,
form p.error textarea {
    border-color: #c00
}

form p.error span {
    color: #c00;
    display: block
}

h1,
h3 {
    color: #5d8e96
}

form .hform p label {
    float: left;
    margin-right: 3%;
    width: 32%;
    text-align: right
}

form .hform p input {
    width: 65%
}

form .hform p input[type=checkbox],
form .hform p input[type=radio] {
    width: auto
}

form .hform p select,
form .hform p textarea {
    width: 65%
}

form .hform .checkbox label,
form .hform .radio label {
    float: none
}

form .hform hr {
    margin: 0 5% 10px 35%
}

form .hform p label.inline,
form p label.inline {
    float: none;
    width: auto
}

form .iform p label {
    position: absolute!important;
    width: 1px;
    height: 1px;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden
}

.box,
.main {
    position: relative
}

form .iform p input {
    width: 66%
}

form .iform p button {
    margin-left: 2%;
    width: 28%
}

::selection {
    background-color: #ccc;
    color: #111
}

::-moz-selection {
    background-color: #ccc;
    color: #111
}

.wrapper {
    margin: 0 auto;
    width: 960px
}

.main:after,
.main:before {
    content: '';
    display: table
}

.box:after,
.header .nav-main:after {
    content: "";
    visibility: hidden;
    clear: both;
    overflow: hidden
}

.main:after {
    clear: both
}

.box {
    margin: 0 10px 20px
}

.box:after {
    height: 0;
    display: block
}

.breadcrumb {
    margin-bottom: 20px
}

.breadcrumb ul {
    margin: 0
}

.breadcrumb ul li {
    margin: 0;
    display: inline
}

.aligncenter,
hr,
iframe,
img,
object {
    display: block
}

.hide {
    position: absolute;
    margin: 0!important;
    padding: 0!important;
    width: 1px!important;
    height: 1px!important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden
}

.content,
.header .wrapper {
    position: relative
}

.alignleft {
    float: left;
    margin: 3px 10px 3px 0
}

.alignright {
    float: right;
    margin: 3px 0 3px 10px
}

.aligncenter {
    margin: 0 auto 10px
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

.align-center,
.header .identity,
.header .wrapper {
    text-align: center
}

#ie form button {
    padding: 0 7px;
    line-height: 1.3em
}

body {
    color: #333
}

a {
    text-decoration: none;
    color: #252525
}

h1,
h2,
h3 {
    font-family: Georgia, sans-serif
}

h1 {
    font-size: 30px
}

h2 {
    color: #00233f
}

small {
    font-size: .8em
}

address {
    font-style: normal
}

hr {
    clear: both;
    margin: 0 10px 20px;
    padding: 0;
    background-color: #eee;
    height: 4px;
    border: 0;
    border-top: 1px solid #dedede
}

form legend {
    padding-bottom: 10px;
    font: 700 16px/20px Arial, sans-serif;
    color: #333
}

form p label {
    margin-top: 4px;
    font-weight: 700;
    line-height: 16px
}

form p input,
form p select,
form p textarea {
    padding: 3px;
    background-color: #fff;
    border: 1px solid #e5ecec;
    border-radius: 0;
    transition: border-color .6s ease 0s
}

form p input:focus,
form p select:focus,
form p textarea:focus {
    border-color: #5d8e96
}

form p button,
form p input[type=submit] {
    padding: 5px 10px;
    background-color: #d7532d;
    border: 0;
    border-radius: 0;
    font: 11px/12px Montserrat, Arial, sans-serif;
    text-transform: uppercase;
    color: #fff
}

.header .nav-account,
.header .nav-lang {
    font-size: 11px;
    line-height: 15px;
    text-transform: uppercase;
    top: 0
}

form p button:hover,
form p input[type=submit]:hover {
    background-color: #e85831
}

img {
    height: auto
}

form p input[type=checkbox],
form p input[type=radio] {
    background-color: transparent;
    border: none
}

.main {
    margin-top: -5px;
    border-top: 5px solid #5d8e96
}

.header {
    font-family: Montserrat, Arial, sans-serif
}

.header .identity {
    margin: 0 10px 5px;
    padding-top: 25px
}

.header .identity a {
    padding-top: 10px;
    height: 50px;
    display: inline-block
}

.header .identity a img {
    max-height: 50px
}

.header .nav-lang {
    position: absolute;
    right: 276px;
    z-index: 9
}

.header .nav-lang ul li {
    float: left;
    margin-right: 3px
}

.header .nav-lang ul li>a {
    padding: 10px 0;
    color: #5d8e96;
    display: block
}

.header .nav-lang ul li a span {
    color: #c3c3c3
}

.header .nav-lang ul li>a:focus,
.header .nav-lang ul li>a:focus span,
.header .nav-lang ul li>a:hover,
.header .nav-lang ul li>a:hover span {
    text-decoration: none;
    color: #d7532d
}

.header .nav-lang ul li>a.active span {
    color: #5D8E96
}

.header .nav-account {
    position: absolute;
    right: 50px;
    left: 0
}

.header .nav-account ul {
    float: left;
    margin-left: 10px
}

.header .nav-account ul:last-child {
    float: right
}

.header .nav-account ul li {
    float: left;
    margin-right: 5px
}

.header .nav-account ul li>a {
    padding: 10px 1px;
    color: #5d8e96;
    display: block
}

.header .nav-account ul li>a span {
    color: #c3c3c3
}

.header .nav-account ul li>a.on,
.header .nav-account ul li>a:focus,
.header .nav-account ul li>a:hover {
    text-decoration: none;
    color: #d7532d
}

.header .nav-account ul li.on>a {
    background-color: #d7532d;
    color: #fff
}

.header .nav-account ul li.on>a span {
    color: #ffb49e
}

.header .nav-account .block {
    position: absolute;
    right: -40px;
    padding: 10px 15px 0;
    background-color: #f4f4f4;
    width: 270px;
    border-top: 3px solid #d7532d;
    border-bottom: 1px solid #d7532d;
    font: 12px/18px Arial, sans-serif;
    text-align: left;
    text-transform: none;
    z-index: 10;
    display: none
}

.header .nav-account .on .block {
    display: block
}

.header .nav-account .account form {
    margin-bottom: 10px
}

.header .nav-account .account form p label {
    font-weight: 700;
    color: #555
}

.header .nav-account .account form .actions {
    text-align: center
}

.header .nav-account .account form .forgot-password {
    font-size: 11px
}

.header .nav-account .account .button a {
    padding: 10px;
    background-color: #5d8e96;
    display: block
}

.header .nav-account .cart .block table tr:nth-child(even) {
    border-top: 1px solid #ddd
}

.header .nav-account .cart .block table td,
.header .nav-account .cart .block table th {
    padding: 5px 10px;
    font-weight: 400
}

.header .nav-account .cart .block table td a {
    color: #5d8e96;
    display: block
}

.header .nav-account .cart .block table td.price {
    width: 40%;
    font: 14px/18px Georgie, serif;
    text-align: right;
    color: #252525
}

.header .nav-account .cart .block tfoot {
    background-color: #5d8e96;
    font-family: Montserrat, Arial, sans-serif;
    text-transform: uppercase;
    color: #fff
}

.header .nav-account .cart .block tfoot td.price {
    font-size: 16px;
    color: #fff
}

.header .nav-account .cart .button {
    text-align: right
}

.header .form-search {
    position: absolute;
    top: 0;
    right: 10px
}

.header .form-search button {
    background: url(/sites/all/themes/petrossian/static/dist/assets/css/images/petrossian.png) no-repeat #5d8e96;
    width: 40px;
    height: 35px;
    border: 0;
    text-indent: -9999px;
    overflow: hidden
}

.header .form-search.on button {
    background-color: #d7532d
}

.header .form-search form {
    position: absolute;
    top: 50px;
    right: 0;
    width: 200px;
    display: none
}

.header .nav-main {
    position: relative;
    height: 39px;
    font-size: 13px;
    text-transform: uppercase;
    display: inline-block
}

.header .nav-main:after {
    height: 0;
    display: block
}

.article blockquote h2:after,
.heading:after {
    content: '';
    bottom: 0
}

.header .nav-main>ul>li {
    position: relative;
    float: left
}

.header .nav-main>ul>li:hover>ul {
    display: block
}

.header .nav-main>ul>li>a {
    margin: 0 20px;
    padding: 10px 0;
    display: block;
    transition: color .6s ease 0s
}

.header .nav-main>ul>li:hover>a,
.header .nav-main>ul>li>a.on {
    text-decoration: none;
    color: #5d8e96
}

.header .nav-main>ul>li>a.disabled {
    color: #252525
}

.header .nav-main>ul>li>a.disabled:hover {
    color: #5d8e96
}

.header .nav-main ul ul {
    position: absolute;
    top: 39px;
    left: 15px;
    padding: 10px 0;
    background-color: #84b8b7;
    width: 180px;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    display: none;
    z-index: 10
}

.heading-a,
.mod-a {
    text-align: center
}

.header .nav-main ul ul li a {
    padding: 0 10px;
    color: #fff;
    display: block
}

.header .nav-main ul ul li a:focus,
.header .nav-main ul ul li a:hover {
    background-color: #70a3a6;
    text-decoration: none
}

.header .nav-main ul ul ul {
    position: static;
    padding: 0;
    font-family: Arial, sans-serif;
    text-transform: none;
    display: block
}

.footer .form-newsletter legend,
.footer .links {
    text-transform: uppercase;
    font-size: 11px
}

.header .nav-main ul ul ul li a {
    padding: 0 20px
}

.header .nav-main .nav-cursor {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #cedddf;
    height: 1px;
    transition: background-color .6s ease 0s
}

.header .nav-main .nav-cursor.hover {
    background-color: #5d8e96
}

.header .nav-main .btn-mobile {
    margin-bottom: 10px;
    padding: 0 15px 0 0;
    background: url(/sites/all/themes/petrossian/static/dist/assets/css/images/nav-btn-mobile.png) 100% 0 no-repeat;
    border: 0;
    font: 14px/18px Montserrat, Arial, sans-serif;
    text-transform: uppercase;
    color: #000;
    display: none
}

.hgroup {
    overflow: hidden
}

.excerpt {
    margin-bottom: 20px;
    font: 18px/22px Georgia, sans-serif
}

.article .figure img,
.article address,
.article ol,
.article ul,
.product-desc ol,
.product-desc ul {
    margin-bottom: 10px
}

.article {
    font: 14px/20px Arial, sans-serif
}

.article em {
    font-style: italic
}

.article strong {
    font-weight: 700
}

.article a {
    text-decoration: underline
}

.article a:hover,
.button a:focus,
.button a:hover,
.featured .block h2 a:focus,
.featured .block h2 a:hover {
    text-decoration: none
}

.article ul,
.product-desc ul {
    list-style: square
}

.article ul li,
.product-desc ul li {
    margin-left: 15px
}

.article ol,
.product-desc ol {
    list-style: decimal
}

.article ol li,
.product-desc ol li {
    margin-left: 20px
}

.article .figcaption {
    font: italic 13px/18px Georgia, serif
}

.article blockquote {
    clear: both;
    margin-bottom: 10px;
    padding: 15px 20px 5px;
    background-color: #eee;
    font: 18px/22px Georgia, serif
}

.article blockquote h2 {
    position: relative;
    padding-bottom: 10px;
    font: italic 20px/24px Georgia, serif;
    color: #00233f
}

.footer,
.footer .heading,
.footer a {
    color: #fff
}

.article blockquote h2:after {
    position: absolute;
    left: 0;
    background-color: #c3c3c3;
    width: 60px;
    height: 1px
}

.article .banner,
.article .video {
    padding: 10px;
    background-color: #eee
}

.article .video {
    margin-right: 20px
}

.article .video object {
    display: block
}

.article .banner {
    margin-bottom: 20px
}

.article .banner img {
    margin-bottom: 0
}

sup {
    vertical-align: top;
    font-size: .9em;
    line-height: .9em
}

h1 sup,
h2 sup,
h3 sup {
    vertical-align: top;
    font-size: .8em;
    line-height: .8em
}

.footer {
    padding-top: 10px;
    background-color: #5d8e96;
    font-family: Montserrat, Arial, sans-serif
}

.footer .wrapper {
    background: url(/sites/all/themes/petrossian/static/dist/assets/css/images/vague.gif) 40px 100% no-repeat
}

.footer .heading:after {
    background-color: #8bb0b0
}

.footer .links li {
    margin-bottom: 5px
}

.footer .form-newsletter legend {
    margin-bottom: 5px;
    padding-bottom: 0;
    color: #fff
}

.footer .form-newsletter button {
    background-color: #3d4142
}

.footer .form-newsletter button:hover {
    background-color: #4d5354
}

.footer .social-networks {
    overflow: hidden
}

.footer .social-networks li {
    float: left;
    margin-right: 20px;
    background-color: #3d4142;
    border-radius: 20px
}

.footer .social-networks li a {
    background: url(/sites/all/themes/petrossian/static/dist/assets/css/images/petrossian.png) 0 -35px no-repeat;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    overflow: hidden;
    opacity: .7;
    display: block;
    transition: opacity .3s ease 0s
}

.footer .social-networks li a:focus,
.footer .social-networks li a:hover {
    opacity: 1
}

.footer .social-networks li.facebook a {
    background-position: 0 -35px
}

.footer .social-networks li.twitter a {
    background-position: -40px -35px
}

.footer .social-networks li.pinterest a {
    background-position: -80px -35px
}

.footer .social-networks li.google-plus a {
    background-position: -120px -35px
}

.footer .social-networks li.instagram a {
    background-position: -156px -34px
}

.footer .infos-payments {
    padding-top: 10px;
    background-color: #fff;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    color: #666
}

.button a,
.readmore a {
    padding: 5px 10px;
    font: 11px/14px Montserrat, Arial, sans-serif;
    display: inline-block;
    text-transform: uppercase
}

.footer .infos-payments ul {
    height: 42px;
    display: inline-block
}

.footer .infos-payments ul li {
    float: left;
    margin: 0 5px 10px
}

.readmore a {
    background-color: #eee;
    color: #000
}

.readmore a:focus,
.readmore a:hover {
    background-color: #e3e3e3;
    text-decoration: none
}

.button a {
    background-color: #3d4142;
    color: #fff
}

.button a:focus,
.button a:hover {
    background-color: #252525
}

.heading {
    position: relative;
    padding-bottom: 10px;
    font: italic 18px/22px Georgia, sans-serif;
    color: #252525;
    overflow: hidden
}

.heading:after {
    position: absolute;
    left: 0;
    background-color: #c3c3c3;
    width: 60px;
    height: 1px
}

.heading-a {
    position: relative;
    padding-top: 20px
}

.heading-a:after {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #eee;
    width: 100%;
    height: 3px;
    border-top: 1px solid #dedede;
    content: ""
}

.heading-a span {
    position: relative;
    margin-bottom: 20px;
    padding: 0 20px;
    background-color: #fff;
    font: 26px/30px Georgia, sans-serif;
    color: #00233f;
    display: inline-block
}

.heading-a span:after {
    position: absolute;
    top: 50%;
    left: -60px;
    right: -60px;
    background-color: #d1d1d1;
    height: 1px;
    content: '';
    z-index: -2
}

.breadcrumb {
    background-color: #5d8e96;
    padding: 5px 0 10px;
    color: #a4caca
}

.breadcrumb p {
    margin: 0 auto;
    width: 940px
}

.breadcrumb a {
    color: #fff
}

.mod strong,
.share {
    color: #5d8e96
}

.share {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 20px;
    text-transform: uppercase
}

.share a {
    margin-left: 5px;
    background: url(/sites/all/themes/petrossian/static/dist/assets/css/images/petrossian.png) 0 -75px no-repeat;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    display: inline-block
}

.share a.facebook {
    background-position: 0 -75px
}

.share a.facebook:hover {
    background-position: -120px -75px
}

.share a.twitter {
    background-position: -20px -75px
}

.share a.twitter:hover {
    background-position: -140px -75px
}

.share a.pinterest {
    background-position: -40px -75px
}

.share a.pinterest:hover {
    background-position: -160px -75px
}

.share a.google-plus {
    background-position: -60px -75px
}

.share a.google-plus:hover {
    background-position: -180px -75px
}

.share a.print {
    background-position: -80px -75px
}

.share a.print:hover {
    background-position: -200px -75px
}

.mod {
    padding: 20px 20px 10px;
    background-color: #eee;
    min-height: 230px;
    overflow: hidden
}

.mod .figure {
    float: left;
    margin: -20px 20px -10px -20px
}

.mod .readmore a {
    background-color: #00233f;
    color: #fff
}

.mod .readmore a:focus,
.mod .readmore a:hover {
    background-color: #003159
}

.mod-a {
    position: relative;
    padding-top: 20px
}

.mod-a:before {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #eee;
    width: 100%;
    height: 3px;
    border-top: 1px solid #dedede;
    content: ""
}

.mod-a>h2 {
    position: relative;
    margin-bottom: 20px;
    padding: 0 20px;
    background-color: #fff;
    font: 26px/30px Georgia, sans-serif;
    color: #252525;
    display: inline-block
}

.mod-a>h2:after {
    position: absolute;
    top: 50%;
    left: -60px;
    right: -60px;
    background-color: #d1d1d1;
    height: 1px;
    content: '';
    z-index: -2
}

.mod-a .block {
    margin: 0 -10px
}

.mod-a .link-more {
    padding-top: 10px;
    border-top: 1px solid #eee;
    font-family: Montserrat, Arial, sans-serif;
    text-align: right;
    text-transform: uppercase
}

.mod-a .link-more a {
    padding-right: 20px;
    color: #5d8e96
}

.mod-b {
    margin-bottom: 20px
}

.mod-b:after {
    clear: both;
    height: 0;
    content: "";
    overflow: hidden;
    visibility: hidden;
    display: block
}

.mod-b .figure {
    margin-bottom: 0;
    width: 49%
}

.mod-b .block {
    overflow: hidden
}

.mod-c {
    padding: 0 100px 40px
}

.mod-c .block {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px
}

.product {
    text-align: left
}

.product h1 {
    margin: 0 10px 10px
}

.product h2,
.product h3 {
    font: 20px/24px Georgia, serif;
    color: #252525
}

.product .figure {
    margin-bottom: 20px
}

.product .price {
    float: right;
    font-size: 14px;
    color: #666
}

.product .product-desc {
    font-size: 13px
}

.product .product-infos {
    font-size: 10px
}

.product .product-infos p:first-child {
    margin-bottom: 5px
}

.featured {
    position: relative;
    margin: 0 auto;
    width: 940px
}

.featured .figure {
    margin-bottom: 0
}

.featured .block {
    position: absolute;
    top: 20px;
    left: 0;
    width: 340px;
    text-align: left
}

.featured .block h2 {
    font-size: 44px;
    line-height: 48px
}

.featured .block .category {
    position: relative;
    padding-bottom: 10px;
    font: 14px/18px Montserrat, Arial, sans-serif;
    text-transform: uppercase
}

.featured .block .category:after {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #c3c3c3;
    width: 60px;
    height: 1px;
    content: ''
}

.carousel {
    position: relative;
    margin-bottom: 10px
}

.carousel .items {
    float: left;
    overflow: hidden
}

.carousel .items .item {
    float: left
}

.carousel .carousel-nav {
    clear: both;
    margin: 0 -10px
}

.carousel .carousel-nav .thumb {
    float: left;
    margin: 10px;
    width: 300px;
    overflow: hidden
}

.carousel .carousel-nav .thumb img {
    cursor: pointer;
    width: 299px
}

.carousel-proposal {
    position: relative;
    margin: 0 10px 20px;
    padding: 20px 80px 0
}

.carousel-proposal .items {
    height: 230px;
    overflow: hidden
}

.carousel-proposal .items .item {
    float: left;
    margin: 0 10px;
    width: 240px;
    text-align: left
}

.carousel-gallery,
.carousel-proposal .items .item .figure {
    margin-bottom: 10px
}

.carousel-proposal .items .item h3 {
    font-size: 16px
}

.carousel-proposal .carousel-nav button {
    position: absolute;
    top: 70px;
    background: url(/sites/all/themes/petrossian/static/dist/assets/css/images/petrossian.png) 0 -95px no-repeat #5d8e96;
    width: 60px;
    height: 110px;
    border: 0;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    -webkit-transition: .6s ease 0s;
    transition: .6s ease 0s
}

.carousel-proposal .carousel-nav button:hover:not(.disabled) {
    background-color: #6da7b0
}

.carousel-proposal .carousel-nav .prev {
    left: 0;
    background-position: 0 -95px
}

.carousel-proposal .carousel-nav .next {
    right: 0;
    background-position: -60px -95px
}

.carousel-proposal .carousel-nav .disabled {
    opacity: .8;
    cursor: default
}

.carousel-gallery .items .item img,
.form-order-register .payment li label:hover,
.product-order input.delete-line-item:hover,
body.page-cart #edit-checkout:hover,
body.page-cart #edit-submit:hover,
body.page-checkout #edit-cancel:hover,
body.page-checkout #edit-continue:hover {
    cursor: pointer
}

.carousel-gallery .items {
    overflow: hidden
}

.carousel-gallery .items .item {
    float: left
}

.form-order {
    background-color: #eee
}

.form-order:after {
    content: '';
    display: table;
    height: auto;
    clear: both
}

.product .link-order-shop-2:after,
.products-list:after {
    height: 0;
    visibility: hidden;
    clear: both;
    content: ""
}

.form-order hr {
    margin: 0 0 20px
}

.form-order fieldset {
    padding: 10px 10px 1px;
    max-height: 127px
}

.form-order legend {
    margin-top: 5px;
    padding-bottom: 0;
    font: 18px/22px Georgia, serif;
    color: #252525
}

.product .form-order fieldset {
    max-height: 133px
}

.product .form-order legend {
    font-size: 16px
}

.form-order .spinner label {
    margin-right: 10px;
    width: auto
}

.form-order .spinner input {
    width: 30px;
    text-align: center
}

.amount-order td,
.product .product-spec .rating span:first-child {
    text-align: right
}

.form-order .price {
    color: #252525
}

.form-order .actions {
    text-align: right;
    overflow: hidden
}

.form-order .actions button[type=submit] {
    float: left
}

.form-order .actions .button,
.form-order .actions button[type=submit].right {
    float: right
}

.form-order .actions .button a {
    padding: 5px 8px;
    display: inline-block
}

.form-order .actions .other {
    margin-left: 10px
}

.product-order {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee
}

.product-order .figure {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.product-order a {
    font: 700 13px/18px Arial, sans-serif;
    color: #5d8e96
}

.product-order td {
    vertical-align: middle
}

.product-order tfoot .amount td,
.product-order tfoot .amount th {
    padding: 5px 10px;
    background-color: #eee;
    text-transform: uppercase
}

.product-order tfoot .price {
    float: none;
    width: auto;
    font-size: 14px
}

.product-order button {
    margin: 5px 0 0;
    padding: 0;
    background: 0 0;
    border: 0;
    font: 11px/18px Arial, sans-serif;
    text-transform: none;
    text-decoration: underline;
    color: #666
}

.amount-order {
    table-layout: fixed
}

.amount-order td,
.amount-order th {
    padding-bottom: 10px;
    font-weight: 400;
    vertical-align: middle
}

.amount-order tfoot {
    background-color: #5d8e96;
    text-transform: uppercase;
    color: #fff
}

.amount-order tfoot td,
.amount-order tfoot th {
    padding: 5px 10px;
    font-weight: 400
}

.amount-order tfoot .price {
    color: #fff
}

.product .product-spec {
    padding: 10px 20px 0;
    border: 5px solid #eee;
    min-height: 140px
}

.product .product-spec strong {
    font: 16px/20px Georgia, serif;
    color: #252525
}

.product .product-spec .rating,
.product .product-spec ul li span {
    font: 11px/18px Montserrat, Arial, sans-serif;
    color: #5d8e96;
    text-transform: uppercase
}

.product .product-spec .rating {
    width: 100%;
    display: table
}

.product .product-spec .rating span,
.product .product-spec .rating strong {
    width: 25%;
    vertical-align: middle;
    display: table-cell
}

.product .product-spec .rating strong {
    width: 50%;
    text-align: center
}

.product .product-spec .rating [class*=rate] {
    background: url(/sites/all/themes/petrossian/static/dist/assets/css/images/product-rating-pc.png) 50% 0 no-repeat;
    text-indent: -9999px;
    overflow: hidden
}

.product .product-spec .rating .rate1of5 {
    background-position: 50% 0
}

.product .product-spec .rating .rate2of5 {
    background-position: 50% -20px
}

.product .product-spec .rating .rate3of5 {
    background-position: 50% -40px
}

.product .product-spec .rating .rate4of5 {
    background-position: 50% -60px
}

.product .product-spec .rating .rate5of5 {
    background-position: 50% -80px
}

.product .link-order-shop a {
    padding: 10px 40px 10px 150px;
    background: url(/sites/all/themes/petrossian/static/dist/assets/css/images/petrossian.png) 0 -205px no-repeat #5d8e96;
    font: 18px/22px Georgia, serif;
    color: #fff;
    display: block;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.product .link-order-shop a:focus,
.product .link-order-shop a:hover {
    background-color: #6da7b0;
    text-decoration: none
}

.product .my-order {
    margin-bottom: 0
}

.product .link-order-shop-2 {
    padding: 10px;
    background: #5d8e96
}

.product .link-order-shop-2:after {
    display: block
}

.product .link-order-shop-2 span.add {
    float: left;
    width: 95px;
    color: #fff;
    font: 14px/110% georgia;
    text-align: center
}

.product .link-order-shop-2 span.add strong {
    display: block;
    font-size: 22px
}

.product .link-order-shop-2 .button {
    float: right;
    margin: 0
}

.product .link-order-shop-2 .button a {
    text-align: center
}

.product .link-order-shop-2 .button a span {
    display: block
}

.product .form-order .spinner {
    float: left;
    width: 50%
}

.product .product-conditioning {
    clear: both
}

.product .product-conditioning ul {
    margin: 20px 0;
    padding: 10px 0 10px 20px;
    border-left: 1px solid #cedddf
}

.product .product-conditioning ul li {
    clear: both
}

.product .product-conditioning ul li img {
    float: left;
    margin: 3px 10px 10px 0
}

.product .product-conditioning ul li span {
    font: 11px/18px Montserrat, Arial, sans-serif;
    text-transform: uppercase;
    color: #252525
}

.products-list:after {
    overflow: hidden;
    display: block
}

.products-list .product {
    float: left;
    margin-bottom: 10px;
    width: 300px
}

.filter form {
    position: relative;
    padding-top: 14px;
    border-bottom: 1px solid #eee;
    text-align: center
}

.filter form:after {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #eee;
    width: 100%;
    height: 3px;
    border-top: 1px solid #dedede;
    content: ""
}

.filter fieldset {
    margin-bottom: 0;
    width: 33.33333%;
    display: inline-block
}

.filter p {
    margin: 0 10px 10px
}

.filter-guide {
    position: relative;
    background: url(/sites/all/themes/petrossian/static/dist/assets/css/images/filter-guide.png) 0 -80px no-repeat, url(/sites/all/themes/petrossian/static/dist/assets/css/images/filter-guide.png) 100% -80px no-repeat #323c43;
    color: #b4b4b4
}

.filter-guide:after {
    content: '';
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 10px;
    left: 0;
    height: 40px;
    visibility: visible;
    background-image: url(/sites/all/themes/petrossian/static/dist/assets/css/images/filter-guide.png), url(/sites/all/themes/petrossian/static/dist/assets/css/images/filter-guide.png);
    background-position: 100% 0, 0 0;
    background-repeat: no-repeat
}

.filter-guide:before {
    display: none
}

.filter-guide form {
    position: relative;
    z-index: 6;
    text-align: left
}

.filter-guide .excerpt strong:after,
.filter-guide>h2:after {
    content: '';
    top: 50%;
    right: -60px;
    left: -60px;
    z-index: 1;
    width: auto;
    height: 1px;
    background: 0 0
}

.filter-guide>h2 {
    position: relative;
    background: 0 0;
    color: #fff;
    font-size: 25px
}

.filter-guide .result,
.filter-guide h4 {
    font-size: 12px;
    text-transform: uppercase
}

.filter-guide>h2:after {
    position: absolute;
    border-left: solid 50px #b6b8b9;
    border-right: solid 50px #b6b8b9
}

.filter-guide .size2of3 .box {
    margin: 0 0 20px 30px;
    padding: 0 30px 0 0;
    border-right: solid 1px #51595f
}

.filter-guide .size1of3 .box {
    margin: 0 30px 0 20px
}

.filter-guide .excerpt {
    margin: 0 0 20px;
    padding: 10px;
    border: 1px solid #51595f;
    color: #b4b4b4;
    text-align: center
}

.filter-guide .excerpt strong {
    position: relative;
    font-weight: 400
}

.filter-guide .excerpt strong:after {
    position: absolute;
    border-left: solid 50px #51595f;
    border-right: solid 50px #51595f
}

.filter-guide .excerpt .readmore {
    display: block;
    margin: 10px 0 0
}

.filter-guide .excerpt .readmore .button {
    background: #5d8e96;
    color: #fff
}

.filter-guide .heading {
    color: #fff
}

.filter-guide h4 {
    padding: 10px 0 0;
    color: #5d8e96
}

.filter-guide label {
    font-weight: 400;
    color: #eee
}

.filter-guide input[type=text] {
    padding: 3px 5px;
    width: 40px
}

.filter-guide .result {
    position: relative;
    margin: 0 0 20px;
    padding: 10px;
    color: #fff;
    background: #404a50
}

.filter-guide .result span {
    font: 20px/23px Georgia, sans-serif;
    text-align: right;
    text-transform: none;
    display: inline-block
}

.filter-guide .result span a {
    text-decoration: underline;
    color: #fff
}

.filter-guide .left {
    float: left
}

.filter-guide .right {
    float: right
}

.filter-guide .link a {
    color: #fff;
    text-decoration: underline
}

.filter-guide .link a:focus,
.filter-guide .link a:hover {
    color: #fff;
    text-decoration: none
}

.store {
    text-align: left
}

.store h3 span {
    font-size: 16px;
    color: #5d8e96;
    display: block
}

.store .figure {
    margin-bottom: 10px
}

.store address {
    font-style: normal
}

.nav-page {
    margin-bottom: 0;
    width: 66%;
    text-align: center
}

.nav-page a {
    text-decoration: underline
}

.nav-order {
    margin-bottom: 20px
}

.nav-order ol {
    overflow: hidden
}

.nav-order ol li {
    float: left;
    width: 33.33334%
}

.nav-order ol li span {
    margin: 0 10px;
    background: url(/sites/all/themes/petrossian/static/dist/assets/css/images/nav-order.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    height: 75px;
    text-indent: -9999px;
    overflow: hidden;
    display: block
}

.nav-order ol li.on span {
    background-position: 0 -75px
}

.nav-order ol .step-1 span {
    background-position: 0 0
}

.nav-order ol .step-1.on span {
    background-position: 0 -75px
}

.nav-order ol .step-2 span {
    background-position: 0 -150px
}

.nav-order ol .step-2.on span {
    background-position: 0 -225px
}

.nav-order ol .step-3 span {
    background-position: 0 -300px
}

.nav-order ol .step-3.on span {
    background-position: 0 -375px
}

.form-order-register {
    padding-top: 10px;
    border-top: 1px solid #eee
}

.form-order-register fieldset {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee
}

.form-order-register .payment li {
    padding: 10px;
    margin-bottom: 10px;
    background-color: #eee
}

.form-order-register .payment li label {
    font-weight: 700;
    display: block
}

.form-order-register .payment li img {
    vertical-align: middle;
    display: inline
}

.form-order-register .payment li span {
    padding: 10px 10px 0 20px;
    display: block
}

.form-order-register .actions {
    text-align: right
}

.pagination,
.services {
    text-align: center
}

.order-aside {
    padding-top: 10px;
    border-top: 1px solid #eee
}

.order-aside .product-order {
    margin-bottom: 10px
}

.order-aside .amount-order,
.order-aside .product-order .block p {
    margin-bottom: 0
}

.order-aside .product-order .figure {
    width: 140px
}

.order-aside .product-order .block {
    overflow: hidden
}

.order-aside .product-order .amount-price {
    text-transform: uppercase;
    color: #333
}

.pagination p,
.pagination p a {
    color: #5d8e96
}

.order-aside .product-order .amount-price span {
    float: right;
    font: 14px/16px Georgia, serif
}

.order-aside .amount-order td,
.order-aside .amount-order th {
    padding-bottom: 5px
}

.order-aside .amount-order tfoot .price {
    font: 18px/22px Georgia, serif
}

.services {
    padding-top: 20px;
    background-color: #eee
}

.services .service {
    margin-bottom: 10px
}

.services .service .figure {
    margin-bottom: 10px;
    height: 40px
}

.services .service .figure img {
    display: inline-block
}

.pagination p {
    margin: 0;
    padding: 0;
    font: 16px/20px Georgia, sans-serif
}

.pagination p a,
.pagination p span,
.pagination p strong {
    display: inline-block;
    margin: 0 2px;
    text-decoration: none
}

.pagination p a:focus,
.pagination p a:hover,
.pagination p strong {
    color: #666;
    text-decoration: underline
}

.pagination p strong {
    font-weight: 700
}

.pagination p a.next,
.pagination p a.previous {
    position: relative;
    top: 4px;
    margin: 0 18px;
    background: url(/sites/all/themes/petrossian/static/dist/assets/css/images/nav-arrow.png) 5px 4px no-repeat #5d8e96;
    width: 16px;
    height: 17px;
    overflow: hidden;
    text-indent: -9999px
}

.pagination p a.next {
    background-position: -15px 4px
}

.pagination form {
    position: absolute;
    top: 13px;
    right: 0;
    margin-bottom: 10px
}

.pagination form label {
    margin: 0 10px 0 0;
    color: #555;
    font-size: 13px;
    font-weight: 700
}

.form-order-register fieldset.hform-left {
    padding-bottom: 0
}

form .hform-left p label {
    width: 18%;
    text-align: left
}

form .hform p {
    clear: both
}

form .hform .infos {
    margin-left: 0
}

form .hform-left .checkbox,
form .hform-left .error span,
form .hform-left p.radio {
    margin-left: 21%
}

form .hform-left p input {
    width: 46%
}

form .hform-left p select {
    width: 20%
}

.form-order-register .actions-left {
    text-align: left
}

.form-order .product-order.last-child {
    border: 0
}

.form-order td.figure {
    float: none;
    padding: 0;
    width: 32%
}

.form-order td.figure .figure {
    padding: 0 20px 0 0
}

.form-order .price {
    font: 18px/18px Georgia, serif;
    text-align: right;
    width: auto;
    float: none
}

.form-order .product-order .amount td {
    background-color: #EEE;
    padding: 5px 10px;
    text-transform: uppercase
}

.form-order .amount-order-right {
    float: right;
    width: 32%;
    font-size: 11px
}

.form-order .amount-order-right td {
    vertical-align: top
}

.form-order .amount-order-right strong {
    font-size: 13px;
    font-weight: 700
}

.form-order .actions {
    clear: right;
    float: right;
    width: 32%
}

.form-order .actions:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.form-order .actions button {
    float: right
}

.my-order .form-order .actions {
    float: none;
    width: 100%
}

.fold:nth-last-child(1) {
    margin: 0 0 20px
}

.fold .heading {
    margin: 0;
    padding: 0;
    border: 1px solid #eee;
    border-left: none;
    border-right: none
}

.fold.active .heading {
    border-bottom: none
}

.fold:nth-child(even) .heading {
    background: #eee
}

.fold .heading:after {
    display: none;
    background: 0 0;
    width: auto;
    height: auto
}

.fold .heading button {
    width: 100%;
    font: 12px/16px arial;
    background: 0 0;
    border: none;
    text-align: left
}

.fold .heading span {
    display: block;
    padding: 8px 10px
}

.fold .heading strong {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 5px 30px 0 0;
    text-align: right;
    color: #666;
    font-size: 13px;
    font-weight: 700
}

.fold .heading strong:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    border-top: solid 5px #333;
    border-right: solid 6px transparent;
    border-bottom: solid 6px transparent;
    border-left: solid 6px transparent
}

.fold.active .heading strong:after {
    margin-top: -10px;
    border-top: solid 6px transparent;
    border-bottom: solid 6px #29333d
}

.fold.active .inner {
    padding: 20px 0 10px
}

.fold .inner.hidden {
    overflow: hidden;
    height: 0
}

.filter-order form {
    padding: 10px 0;
    border: none
}

.page-404 .article h1,
.page-order .form-order .product {
    border-bottom: 1px solid #eee
}

.filter-order form:after {
    background: 0 0
}

.filter-order form label {
    margin: 0 10px 0 0;
    color: #555;
    font-size: 13px;
    font-weight: 700
}

.filter-order form select {
    width: 170px;
    color: #666;
    font: 13px/16px arial
}

.thumbnail {
    position: relative
}

.thumbnail a {
    display: block
}

.thumbnail .caption {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 140px;
    padding: 20px;
    background: rgba(255, 255, 255, .93);
    color: #5D8E95;
    font-family: 'NunitoSans-Regular';
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
}

.thumbnail .heading {
    margin-bottom: 5px;
    padding-bottom: 0;
    color: #7A7C80;
    font-size: 19px;
    font-family: Georgia, serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.2
}

.thumbnail .heading::after {
    display: none
}

.home .hgroup {
    margin-bottom: 20px
}

.page-products .mod-a {
    margin-bottom: 0
}

.page-recommendation .mod {
    min-height: 253px
}

.page-order .form-order {
    background: 0 0
}

.page-order .form-order .spinner {
    text-align: right
}

.page-order .form-order .product-order table {
    width: 300px
}

.page-my-order .form-order .actions,
.page-my-order .form-order .product-order table {
    width: auto
}

.page-404 .main .wrapper {
    width: 460px;
    padding: 50px 0
}

.page-404 .article h1 {
    font: 50px/60px Georgia, serif
}

.page-404 .article h1 span {
    font: 700 260px/280px Arial, sans-serif;
    display: block
}

.page-404 .article p {
    font: 24px/30px Georgia, serif;
    text-align: center
}

.node-type-boutique .mod {
    min-height: 0
}

.event-1 .hgroup {
    background: #5e6c75
}

.event-1 .featured .block {
    top: 50%;
    left: 470px;
    width: 420px;
    padding: 40px;
    margin-top: -130px;
    margin-left: -250px;
    background: rgba(6,22,28,0.73);
    color: #fff;
    text-align: center
}
.event-1 .featured .block:after {
   content: 'BOUTIQUE EN LIGNE. LIVRAISON EN 24 HEURES.';
   display: block;
   position: absolute;
   bottom: -65px;
   width: 420px;
   text-align: center;
    font-family: 'NunitoSans-Regular';
    font-weight: normal;
    font-style: normal;
    font-size: 11px;
    letter-spacing: 2px;
    color: #FFF;
 }

.event-1 .featured .block h2 {
    margin-bottom: 25px
}

.event-1 .featured .block h2,
.event-1 .featured .block h2 a {
    font-size: 39px;
    font-weight: normal;
    color: #fff
}

.event-1 .featured .block .category {
    padding-bottom: 0;
    color: #CFB179;
    font-family: 'NunitoSans-Light';
    font-weight: normal;
    font-style: normal;
    letter-spacing: 4px; 
}

.event-1 .featured .block .category:after {
    display: none
}

.event-1 .featured .readmore a {
    font-family: 'NunitoSans-Regular';
    font-weight: normal;
    font-style: normal;
    letter-spacing: 3px;
    background-color: #CFB179;
    color: #fff;
    padding: 12px 40px;
}

.event-1 .featured .readmore a:focus,
.event-1 .featured .readmore a:hover {
    background-color: #b8994b
}

@media only screen and (min-width:768px) {
    .content h1 {
        margin-right: 200px
    }
}

@media only screen and (min-width:768px) and (max-width:959px) {
    .wrapper {
        width: 720px
    }
    .header .identity {
        text-align: left
    }
    .header .nav-main>ul>li>a {
        margin: 0 15px
    }
    .footer .social-networks li {
        margin-right: 10px
    }
    .footer .form-newsletter input {
        width: 60%
    }
    .footer .form-newsletter button {
        width: 35%
    }
    .breadcrumb p,
    .featured {
        width: 700px
    }
    .event-1 .featured .block {
        left: 350px;
        margin-top: -140px;
    }
    .event-1 .featured .block:after { display: none; }
    .mod .figure {
        margin-bottom: 10px;
        max-width: 45%
    }
    .carousel .carousel-nav .carousel-wrapper {
        width: 219px!important;
        height: 180px!important
    }
    .carousel .carousel-nav .thumb {
        height: 180px!important
    }
    .carousel .carousel-nav .thumb img {
        width: 239px!important
    }
    .product .link-order-shop a {
        padding-left: 10px;
        background-position: 100% -205px
    }
    .product-order .figure {
        max-width: 35%
    }
    .my-order .form-order fieldset {
        padding: 10px 10px 1px
    }
    .my-order .form-order .spinner input {
        width: 26px
    }
    .my-order .form-order button {
        padding: 5px
    }
    .my-order .form-order .actions .button a {
        width: 110px;
        overflow: hidden;
        text-align: left;
        text-indent: -52px
    }
    .nav-order ol li span {
        height: 55px
    }
    .nav-order ol .step-1 span {
        background-position: 0 0
    }
    .nav-order ol .step-1.on span {
        background-position: 0 -55px
    }
    .nav-order ol .step-2 span {
        background-position: 0 -110px
    }
    .nav-order ol .step-2.on span {
        background-position: 0 -165px
    }
    .nav-order ol .step-3 span {
        background-position: 0 -220px
    }
    .nav-order ol .step-3.on span {
        background-position: 0 -275px
    }
    .product .product-spec .rating [class*=rate] {
        background: url(/sites/all/themes/petrossian/static/dist/assets/css/images/product-rating-pc-small.png) 5px 0 no-repeat
    }
    .product .product-spec .rating .rate1of5 {
        background-position: 5px 0
    }
    .product .product-spec .rating .rate2of5 {
        background-position: 5px -20px
    }
    .product .product-spec .rating .rate3of5 {
        background-position: 5px -40px
    }
    .product .product-spec .rating .rate4of5 {
        background-position: 5px -60px
    }
    .product .product-spec .rating .rate5of5 {
        background-position: 5px -80px
    }
}

@media only screen and (max-width:767px) {
    .unit,
    .unit-right,
    form .hform p label {
        width: auto;
        float: none
    }
    form .hform p label {
        margin-bottom: 5px;
        text-align: left;
        display: block
    }
    form .hform p input,
    form .hform p select,
    form .hform p textarea {
        width: 100%
    }
    .alignleft,
    .alignright {
        float: none;
        margin: 0 0 10px!important;
        width: auto!important
    }
    .footer .infos-payments p,
    .footer .infos-payments ul,
    .wrapper {
        width: 320px
    }
    .breadcrumb p,
    .featured,
    .header .form-search form {
        width: 300px
    }
    .footer .infos-payments p {
        margin: 0 auto 10px
    }
    .header .identity {
        padding-top: 40px
    }
    .header .nav-main {
        height: auto;
        min-height: 30px;
        display: block
    }
    .header .nav-main>ul {
        padding-bottom: 5px;
        border-top: 1px solid #eee;
        display: none
    }
    .header .nav-main>ul>li {
        float: none
    }
/*
    .header .nav-main .nav-cursor,
    .header .nav-main>ul>li:hover>ul {
        display: none
    }
*/
    .header .nav-main .nav-cursor {
        display: none
    }
    .header .nav-main .btn-mobile {
        display: inline-block
    }
    
.header .nav-main>ul>li:hover>ul {
    position: relative;
    top: auto;
    left: auto;
    padding: 10px 0;
    background-color: #fff;
    width: auto;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    z-index: 10;
    color:  #84b8b7;
}


.header .nav-main ul ul li a { 
  color:  #84b8b7; 
    background-color: #fff;
  padding: 5px; 
  }
    
    
    .footer .infos-payments ul {
        height: auto
    }
    .footer .wrapper {
        background: 0 0
    }
    .featured .block {
        position: static;
        margin-left: 0;
        left: auto;
        margin-bottom: 20px;
        width: auto
    }
    .featured .block h2 {
        font-size: 22px;
        line-height: 26px
    }
    .event-1 .featured .block {
      position: absolute;
      left: auto;
      width: auto;
      padding: 40px 20px 20px; 
      margin-left: 0;
      margin-top: -110px;
    }
    .event-1 .featured .block:after { display: none; }
    .event-1 .featured .block h2,
    .event-1 .featured .block h2 a {
        font-size: 24px;
        line-height: 32px;
    }
    .share {
        display: none
    }
    .pagination form {
        position: relative
    }
    .form-order td.figure {
        width: 150px
    }
    .form-order td.figure .figure img {
        width: 130px
    }
    .fold .heading strong {
        text-align: left;
        text-indent: -9999px
    }
    .carousel .items .item {
        width: 300px;
        height: auto
    }
    .carousel .carousel-nav {
        position: absolute;
        margin: 0!important;
        padding: 0!important;
        width: 1px!important;
        height: 1px!important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px, 1px, 1px, 1px);
        overflow: hidden
    }
    .carousel-proposal {
        padding: 20px 0 0
    }
    .carousel-proposal .carousel-wrapper,
    .carousel-proposal .items {
        max-height: none
    }
    .carousel-proposal .carousel-nav button {
        width: 30px
    }
    .carousel-proposal .carousel-nav button.prev {
        background-position: -15px -95px
    }
    .carousel-proposal .carousel-nav button.next {
        background-position: -75px -95px
    }
    .product .link-order-shop a {
        padding-left: 150px
    }
    .product .product-conditioning ul {
        padding-left: 0;
        border-left: 0 none
    }
    .product-order {
        margin-bottom: 0
    }
    .product-order .figure {
        float: none;
        padding-right: 0
    }
    .form-order .actions,
    .form-order .amount-order-right,
    .order-aside .product-order .figure {
        width: auto
    }
    .mod .figure {
        margin-bottom: 10px;
        max-width: 45%
    }
    .mod-a>h2:after {
        left: -35px;
        right: -35px
    }
    .mod-c {
        padding: 0
    }
    .mod-c .block {
        -webkit-columns: auto;
        -moz-columns: auto;
        columns: auto
    }
    .filter fieldset {
        width: auto;
        display: block
    }
    .filter p {
        margin: 0 0 10px
    }
    .filter-guide h2 {
        padding-top: 10px;
        font-size: 20px
    }
    .filter-guide>h2:after {
        border: 0
    }
    .filter-guide .size1of3 .box {
        margin: 0 25px
    }
    .filter-guide .result {
        top: 0;
        margin-bottom: 20px
    }
    .nav-order ol li {
        float: none;
        width: auto;
        display: none
    }
    .nav-order ol li.on {
        display: block
    }
    .nav-order ol li span {
        height: 75px
    }
    .nav-order ol .step-1.on span {
        background-position: 0 -75px
    }
    .nav-order ol .step-2.on span {
        background-position: 0 -225px
    }
    .nav-order ol .step-3.on span {
        background-position: 0 -375px
    }
    .my-order .form-order fieldset {
        padding: 10px 10px 1px
    }
    .event-1 .featured .figure {
        margin-left: -100px;
        margin-right: -100px
    }
    .page-recommendation .mod {
        min-height: 0
    }
    form .hform .checkbox,
    form .hform .error span,
    form .hform p.radio,
    form .hform-left .checkbox,
    form .hform-left .error span,
    form .hform-left p.radio {
        margin-left: 0
    }
    .form-order-register .payment li img {
        max-width: 250px
    }
    .my-order .form-order .actions .button a {
        width: auto;
        text-indent: 0
    }
    .page-404 .main .wrapper {
        width: 320px;
        padding: 20px 0;
        text-align: center
    }
    .page-404 .article h1 span {
        font-size: 180px;
        line-height: 200px
    }
/*
    .thumbnail .caption {
        position: static;
        top: auto;
        left: auto
    }
*/
    .visible-sm-block {
        display: none
    }
}

.element-invisible,
.form-order .line-item-summary {
    display: none
}

form input.error {
    border: 1px solid red
}

.product-order .figure {
    padding: 0 19px 10px 0
}

.product-order input.delete-line-item {
    margin: 5px 0 0;
    padding: 0;
    background: 0 0;
    border: 0;
    font: 11px/18px Arial, sans-serif;
    text-transform: none;
    text-decoration: underline;
    color: #666
}

.commerce-customer-profile-copy,
.form-order-register .commerce_coupon input.form-submit,
.form-order-register .form-type-select,
.form-order-register .form-type-textarea,
.form-order-register .form-type-textfield,
.form-order-register .messages {
    margin-bottom: 10px
}

.form-order p #edit-add-cart {
    padding: 5px 8px;
    background-color: #d7532d;
    border: 0;
    font: 11px/12px Montserrat, Arial, sans-serif;
    text-transform: uppercase;
    color: #fff
}

.form-order p #edit-add-cart-command {
    padding: 5px 8px;
    background-color: #3d4142;
    border: 0;
    font: 11px/12px Montserrat, Arial, sans-serif;
    text-transform: uppercase;
    color: #fff
}

.form-order form div #edit-checkout,
.form-order form div #edit-submit {
    padding: 5px 10px;
    border: 0;
    font: 11px/12px Montserrat, Arial, sans-serif;
    text-transform: uppercase;
    color: #fff
}

#petrossian-comboutique-add-to-cart-form .price img,
#petrossian-product-add-to-cart-form .price img {
    margin-left: 235px;
    position: absolute;
    margin-top: 6px
}

.form-order form div #edit-checkout {
    background-color: #d7532d
}

.form-order form div #edit-submit {
    background-color: #3d4142
}

.form-order .form-actions {
    clear: both;
    text-align: right
}

.form-order-register .form-type-textfield input.error {
    border-color: #c00
}

.form-order-register .description {
    margin-left: 35%;
    padding-top: 5px
}

.checkout-cancel,
.checkout-continue {
    padding: 5px 10px;
    border: 0;
    font: 11px/12px Montserrat, Arial, sans-serif;
    float: right;
    color: #fff;
    text-transform: uppercase
}

.checkout-cancel {
    background-color: #3d4142
}

.checkout-continue {
    background-color: #d7532d;
    margin-left: 10px
}

.form-order-register .form-type-select input,
.form-order-register .form-type-select select,
.form-order-register .form-type-textarea textarea,
.form-order-register .form-type-textfield input,
.form-order-register .form-type-textfield select,
.form-order-register .form-type-textfield textarea {
    padding: 3px;
    background-color: #fff;
    border: 1px solid #e5ecec;
    transition: border-color .6s ease 0s
}

.form-order-register .form-type-select label,
.form-order-register .form-type-textarea label,
.form-order-register .form-type-textfield label {
    float: left;
    margin-right: 3%;
    text-align: right;
    margin-top: 4px;
    font-weight: 700
}

.form-order-register .form-type-textfield label {
    width: 32%;
    line-height: 16px
}

.form-order-register .form-type-textfield input {
    width: 65%
}

.form-order-register .form-type-textfield button,
.form-order-register .form-type-textfield input,
.form-order-register .form-type-textfield textarea {
    font-size: 1em;
    line-height: 100%;
    font-family: inherit;
    box-sizing: border-box
}

.form-order-register .form-type-textfield input[type=text],
.form-order-register .form-type-textfield input[type=password] {
    -moz-box-sizing: border-box
}

.form-order-register .form-type-textarea label {
    width: 32%;
    line-height: 16px
}

.form-order-register .form-type-textarea textarea {
    width: 65%;
    font-size: 1em;
    line-height: 100%;
    font-family: inherit;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.form-order-register .form-type-select label {
    width: 32%;
    line-height: 16px
}

.form-order-register .form-type-select input {
    width: 65%
}

.form-order-register .form-type-select input .form-order-register .form-type-select button {
    font-size: 1em;
    line-height: 100%;
    font-family: inherit;
    box-sizing: border-box
}

.form-order-register .form-type-checkbox label {
    margin-right: 3%;
    width: 32%;
    text-align: right;
    margin-top: 4px;
    font-weight: 700;
    line-height: 16px;
    float: none
}

.form-order-register .form-type-checkbox {
    margin-left: 35%
}

.form-order-register .commerce_coupon input[type=submit] {
    padding: 5px 10px;
    background-color: #d7532d;
    border: 0;
    font: 11px/12px Montserrat, Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    float: right
}

.form-order-register ol.payment input,
.pagination .pager li {
    float: left
}

.form-order-register .commerce_coupon .view-commerce-coupon-review-pane {
    margin-top: 10px
}

.form-order-register .commerce_coupon .view-commerce-coupon-review-pane table {
    clear: both;
    margin-bottom: 10px;
    margin-left: 35%;
    text-align: center;
    width: 65%
}

.form-order-register .commerce_coupon .view-commerce-coupon-review-pane table thead tr {
    background: #5D8E96;
    color: #fff
}

.form-order-register .commerce_coupon .view-commerce-coupon-review-pane table tbody td,
.form-order-register .commerce_coupon .view-commerce-coupon-review-pane table thead th {
    padding: 5px 10px;
    text-align: center
}

.form-order-register ol.payment label {
    display: block;
    margin-left: 35px
}

.form-order-register ol.payment span {
    padding: 10px 10px 0 0;
    display: block;
    font-weight: 400
}

.form-order-register .commerce-customer-profile-copy p {
    height: 51px
}

.form-order-register #commerce-shipping-service-ajax-wrapper {
    display: none
}

.form-order-register .messages {
    color: #D7532D;
    display: block;
    text-align: left;
    font-weight: 700;
    margin-left: 35%;
    clear: both
}

.header .nav-account .account form .form-submit {
    background-color: #D7532D;
    border: 0;
    color: #FFF;
    font: 11px/12px Montserrat, Arial, sans-serif;
    padding: 4px 10px;
    text-transform: uppercase
}

.header .nav-account .account form .messages {
    display: none
}

.header .nav-account .account form p.error {
    color: #D7532D;
    display: block;
    text-align: center;
    font-weight: 700
}

.header .nav-account .account form {
    border-bottom: 0 solid #D3D3D3;
    margin-top: 10px
}

.header .nav-account .account form p.button {
    border-top: 1px solid #D3D3D3;
    padding-top: 10px
}

.ajax-progress .throbber {
    margin-top: 5px;
    margin-bottom: 3px;
    position: relative;
    top: 48%;
    left: 48%;
    background: url(/sites/all/themes/petrossian/images/ajax-loader.gif) no-repeat
}

.ajax-progress .message {
    text-align: center;
    display: block
}

.form-order-register .ajax-progress {
    display: block;
    clear: both;
    text-align: right;
    margin-bottom: 5px
}

.js-hide {
    display: none
}

#views-exposed-form-liste-des-adresses-default .views-exposed-form {
    margin-bottom: 22px
}

#views-exposed-form-liste-des-adresses-default .views-exposed-form label {
    font-weight: 700;
    display: none
}

.view-filters {
    text-align: center
}

.pagination {
    position: relative;
    margin: 0 0 20px;
    padding: 10px 0;
    width: auto;
    border-bottom: solid 1px #eee
}

.pagination:after {
    background-color: #eee;
    border-top: 1px solid #DEDEDE;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.pagination .pager {
    margin: 0;
    padding: 0;
    color: #5d8e96;
    font: 16px/20px Georgia, sans-serif;
    height: 18px
}

.pagination .pager li.pager-current,
.pagination .pager strong {
    font-weight: 700
}

.pagination .pager li,
.pagination .pager li a,
.pagination .pager strong {
    display: inline-block;
    margin: 0 2px;
    text-decoration: none
}

.pagination .pager li a {
    color: #5d8e96
}

.pagination .pager a:focus,
.pagination .pager a:hover,
.pagination .pager li.pager-current,
.pagination .pager strong {
    color: #666;
    text-decoration: underline
}

.pagination .pager li.pager-next a,
.pagination .pager li.pager-previous a {
    position: relative;
    top: 4px;
    margin: 0 3px;
    background: url(/sites/all/themes/petrossian/css/images/nav-arrow.png) 5px 4px no-repeat #5d8e96;
    width: 16px;
    height: 17px;
    overflow: hidden;
    text-indent: -9999px
}

.pagination .pager li.pager-next a {
    background-position: -15px 4px
}

#commerce-addressbook-customer-profile-form legend {
    display: none
}

#commerce-addressbook-customer-profile-form .form-type-textfield label {
    float: left;
    margin-right: 3%;
    width: 32%;
    text-align: right;
    margin-top: 4px;
    font-weight: 700;
    line-height: 16px
}

#commerce-addressbook-customer-profile-form .form-type-textfield input {
    width: 65%
}

#commerce-addressbook-customer-profile-form .form-type-textfield input,
#commerce-addressbook-customer-profile-form .form-type-textfield select,
#commerce-addressbook-customer-profile-form .form-type-textfield textarea {
    padding: 3px;
    background-color: #fff;
    border: 1px solid #e5ecec;
    transition: border-color .6s ease 0s
}

#commerce-addressbook-customer-profile-form .form-type-textfield {
    margin-bottom: 10px
}

#commerce-addressbook-customer-profile-form .form-type-textfield textarea,
#commerce-addressbook-customer-profile-form button,
#commerce-addressbook-customer-profile-form input {
    font-size: 1em;
    line-height: 100%;
    font-family: inherit;
    box-sizing: border-box
}

#commerce-addressbook-customer-profile-form .form-type-textfield input[type=password],
#commerce-addressbook-customer-profile-form input[type=text] {
    -moz-box-sizing: border-box
}

#commerce-addressbook-customer-profile-form input[type=submit] {
    float: right;
    padding: 5px 10px;
    background-color: #d7532d;
    border: 0;
    font: 11px/12px Montserrat, Arial, sans-serif;
    text-transform: uppercase;
    color: #fff
}

div.form-actions a,
div.form-actions input,
p.actions a.button {
    margin-right: 10px;
    padding: 5px 10px;
    background-color: #d7532d;
    border: 0;
    font: 11px/12px Montserrat, Arial, sans-serif;
    text-transform: uppercase;
    color: #fff
}

ul.messages_return {
    list-style: none;
    padding-top: 10px;
    text-align: center;
    font-weight: 700;
    color: #d7532d
}

div.form-actions a#edit-cancel {
    height: 12px;
    display: inline-block;
    padding-top: 4px
}

form#commerce-checkout-form-complete div.field-name-commerce-customer-address .field-label,
form.inscription .form-required,
table tr.message-ajout-ok {
    display: none
}

#account-login-container input.form-submit {
    background-color: #D7532D;
    border: 0;
    color: #FFF;
    float: right;
    font: 11px/12px Montserrat, Arial, sans-serif;
    padding: 5px 10px;
    text-transform: uppercase
}

div.field-name-commerce-customer-address .field-label,
form#commerce-checkout-form-complete .label-bold {
    font-weight: 700
}

form.confirmation p {
    font-weight: 700;
    padding-top: 10px
}

#edit-account-login-login-now,
form p.actions input {
    padding: 5px 10px;
    background-color: #d7532d
}

form#commerce-checkout-form-complete .label-italic {
    font-style: italic
}

form p.actions input {
    border: 0;
    font: 11px/12px Montserrat, Arial, sans-serif;
    text-transform: uppercase;
    color: #fff
}

form.inscription p.actions {
    text-align: left
}

.box.empty {
    font-weight: 700
}

#colorbox #cboxClose,
#edit-account-login-login-now {
    font: 11px/12px Montserrat, Arial, sans-serif;
    border: 0;
    text-transform: uppercase;
    color: #fff
}

#colorbox {
    margin-bottom: 20px;
    padding: 10px 10px 25px;
    background-color: #eee
}

#colorbox #cboxClose {
    padding: 5px 8px;
    background-color: #3d4142;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 10px;
    margin-right: 10px
}

#cboxOverlay {
    background: #000;
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: .5
}

#colorbox #cboxTitle {
    margin-top: 4px
}

.fold.active .heading strong {
    padding-right: 30px
}

p strong {
    font-weight: 700
}

.form-submit#edit-submit-return {
    float: left;
    padding: 5px 8px;
    background-color: #3d4142;
    border: 0;
    font: 11px/12px Montserrat, Arial, sans-serif;
    text-transform: uppercase;
    color: #fff
}

table tr.message-ajout-ok td {
    text-align: center
}

table tr.message-ajout-ok p {
    color: #D5332D;
    font-weight: 700
}

.product .form-order {
    padding-top: 6px
}

form#commerce-checkout-form-petrossian-form-user-information #edit-register-now,
form#petrossian-helper-contact-form #edit-submit {
    padding: 5px 10px;
    border: 0;
    font: 11px/12px Montserrat, Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    background-color: #d7532d
}

form#petrossian-helper-contact-form #edit-submit {
    margin-right: 10px
}

.commander-choix strong,
.nav-account .block h4 {
    font-weight: 700;
    color: #d7532d
}

.commander-choix strong {
    font-size: 13px
}

.commander-choix span {
    text-decoration: underline
}

.commander-choix .button a.active {
    background-color: #d7532d
}

.link-order-shop-2.onboutique span.add {
    padding-top: 9px
}

.link-order-shop-2.onboutique {
    padding-top: 3px
}

.link-order-shop-2.online span.add {
    padding-top: 9px
}

.link-order-shop-2 a {
    width: 165px;
    text-align: center
}

a.button-retirer {
    font-weight: 400;
    padding-top: 7px;
    display: block;
    color: #252525;
    text-decoration: underline;
    font-size: 11px
}

.page-panier-boutique .description {
    margin-left: 35%;
    padding-top: 5px
}

.page-panier-boutique .messages.error {
    background: #D7532D;
    color: #fff;
    padding: 10px;
    font-size: .9em
}

.page-panier-boutique .messages.error ul {
    margin-bottom: 0
}

.page-panier-boutique #petrossian-comboutique-connexion-form .messages {
    margin-left: 35%;
    padding-top: 5px;
    font-weight: 700;
    color: #d7532d
}

#petrossian-comboutique-connexion-form p label {
    float: left;
    margin-right: 3%;
    width: 32%;
    text-align: right;
    margin-top: 4px;
    font-weight: 700;
    line-height: 16px
}

#petrossian-comboutique-connexion-form p input {
    width: 65%
}

#petrossian-comboutique-connexion-form p input,
#petrossian-comboutique-connexion-form p select {
    padding: 3px;
    background-color: #fff;
    border: 1px solid #e5ecec;
    transition: border-color .6s ease 0s
}

#petrossian-comboutique-connexion-form p {
    margin-bottom: 10px
}

#petrossian-comboutique-connexion-form p input .form-order-register .form-type-select button {
    font-size: 1em;
    line-height: 100%;
    font-family: inherit;
    box-sizing: border-box
}

#petrossian-comboutique-connexion-form .hform#edit-message p.resizable {
    left: 220px;
    position: absolute;
    width: 100%
}

#petrossian-comboutique-connexion-form .hform#edit-message .description {
    padding-top: 76px
}

#petrossian-comboutique-connexion-form .hform#edit-cgu input {
    left: 220px;
    position: absolute
}

#petrossian-comboutique-connexion-form .form-submit#edit-submit {
    float: right;
    background-color: #d7532d
}

#petrossian-comboutique-connexion-form fieldset {
    max-height: 100%
}

#petrossian-comboutique-connexion-form input.error,
#petrossian-comboutique-connexion-form select.error {
    border: 1px solid #d7532d
}

body.page-panier-boutique-boncommande-confirmation .entity-commerce-order.commerce-order-commerce-order .field {
    display: none
}

body.page-panier-boutique-boncommande-confirmation .entity-commerce-order.commerce-order-commerce-order .field.field-name-commerce-line-items {
    display: block
}

body.page-panier-boutique-boncommande-confirmation .entity-commerce-order.commerce-order-commerce-order .field.field-name-commerce-line-items table {
    border: 1px solid #00233F
}

body.page-panier-boutique-boncommande-confirmation .entity-commerce-order.commerce-order-commerce-order .field.field-name-commerce-order-total {
    display: block;
    background-color: #EEE;
    padding: 15px 15px 4px
}

body.page-panier-boutique-boncommande-confirmation .entity-commerce-order.commerce-order-commerce-order .field.field-name-commerce-line-items thead tr {
    background-color: #00233F;
    color: #fff
}

body.page-panier-boutique-boncommande-confirmation .entity-commerce-order.commerce-order-commerce-order .field.field-name-commerce-line-items table th {
    display: none;
    font-weight: 700
}

body.page-panier-boutique-boncommande-confirmation .entity-commerce-order.commerce-order-commerce-order .field.field-name-commerce-line-items table td,
body.page-panier-boutique-boncommande-confirmation .entity-commerce-order.commerce-order-commerce-order .field.field-name-commerce-order-total .component-title {
    display: none
}

body.page-panier-boutique-boncommande-confirmation .entity-commerce-order.commerce-order-commerce-order .field.field-name-commerce-order-total .component-total {
    text-align: right;
    font-weight: 700;
    color: #5D8E96
}

body.page-panier-boutique-boncommande-confirmation .entity-commerce-order.commerce-order-commerce-order .field.field-name-commerce-line-items table th.views-field-line-item-title {
    display: inline-block;
    padding: 15px;
    width: 45%
}

body.page-panier-boutique-boncommande-confirmation .entity-commerce-order.commerce-order-commerce-order .field.field-name-commerce-line-items table th.views-field-quantity {
    display: inline-block;
    padding: 15px;
    width: 20%
}

body.page-panier-boutique-boncommande-confirmation .entity-commerce-order.commerce-order-commerce-order .field.field-name-commerce-line-items table th.views-field-commerce-total {
    display: inline-block;
    padding: 15px;
    width: 20%;
    text-align: right
}

body.page-panier-boutique-boncommande-confirmation .entity-commerce-order.commerce-order-commerce-order .field.field-name-commerce-line-items table td.views-field-line-item-title {
    display: inline-block;
    padding: 15px;
    width: 45%
}

body.page-panier-boutique-boncommande-confirmation .entity-commerce-order.commerce-order-commerce-order .field.field-name-commerce-line-items table td.views-field-quantity {
    display: inline-block;
    padding: 15px;
    width: 20%
}

body.page-panier-boutique-boncommande-confirmation .entity-commerce-order.commerce-order-commerce-order .field.field-name-commerce-line-items table td.views-field-commerce-total {
    display: inline-block;
    padding: 15px;
    width: 20%;
    text-align: right
}

.link-order-shop-2.online {
    padding: 10px
}

.product .link-order-shop-2 .button a {
    padding: 5px
}

.product .link-order-shop-2 {
    margin: 0 10px 20px
}

body.i18n-en .nav-order ol li span {
    background-image: url(/sites/all/themes/petrossian/images/nav-order-en.png)
}